main {
	display: grid;
	grid-template-areas: 
		"heading" 
		"chart"
		"rating-list"
	;
	gap: 1rem;
	&>section {
		margin-bottom: 0;
	}
}

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

#company-header {
	grid-area: heading;
	img {
		float: inline-start;
		margin-inline-end: 1ch;
		height: 1lh;
	}
	img, country-flag {
		line-height: 1.125;
		font-size: 2rem;
	}
}

#ratings-list {
	&>ul {
		padding: 0;
		&>li {
			list-style-type: none;
			&>time, &>p:not(:first-of-type) {
				color: var(--pico-muted-color);
				font-size: 87.5%;
			}
			&>p:not(:first-of-type):not(:last-of-type) {
				margin-block-end: calc(var(--pico-typography-spacing-vertical) * 0.5);
			}
		}
	}
}

@media (min-width: 1600px) {
	main {
		grid-template: 
			"heading heading"				auto
			"chart   ratings-list"	auto
			/ 2fr	   1fr;
		;
	}
}

.sectors-list {
	display: inline;
	padding: 0;
	li {
		display: inline;
	}
	li:not(:first-child)::before {
		content: "/ ";
	}
}
