main {
	display: grid;
	grid-template:
		"heading" auto
		"chart" auto
		"investor-list" 1fr
		/ 1fr;
}

@media (min-width: 1536px) {
	main>* {
		margin-inline: auto;
		width: 1200px;
	}
}

#company-header {
	grid-area: heading;
	h1 {
		view-transition-name: company-heading;
	}
	img {
		float: inline-start;
		margin-inline-end: 1ch;
		height: 1lh;
	}
	img,
	country-flag {
		line-height: 1.125;
		font-size: 2rem;
	}
}
#chart {
	grid-area: chart;
	company-investor-chart {
		display: block;
		height: calc(360px + 1em);
	}
}
#investor-list-section {
	grid-area: investor-list;
}
.investor-list {
	padding: 0;
	li {
		list-style-type: none;
		margin-bottom: 2rem;
	}
	table {
		width: 100%;
		margin-top: 0.5rem;
	}
}