main {
	display: grid;
	grid-template-areas: 
		"heading" 
		"income-statement"
		"cashflow-statement"
		"balance-sheet"
		"company-information"
		"company-ratios"
		"footer"
	;
	gap: 1rem;
	&>section {
		margin-bottom: 0;
	}
}

#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;
	}
}
#company-income-statement {
	grid-area: income-statement;
}
#company-balance-sheet {
	grid-area: balance-sheet;
}
#company-cashflow-statement {
	grid-area: cashflow-statement;
}
#company-ratios {
	grid-area: company-ratios;
}
#company-information {
	grid-area: company-information;
}
main>footer {
	grid-area: footer;
}

section {
	dl {
		display: grid;
		grid-template-columns: 1fr 1fr /*minmax(10em, max-content)*/;
		row-gap: .5rem;
		column-gap: 0;
		dt {
			padding-inline-end: 1rem;
		}
		dt, dd {
			border-bottom: 1px dotted var(--pico-table-border-color);
		}
		dd {
			margin-inline-start: 0;
			text-align: end;
			.peer-group-comparison {
				text-align: end;
			}
		}
	}
}

@media (min-width: 1600px) {
	main {
		grid-template: 
			"heading						heading				heading" 							auto
			"income-statement		balance-sheet	company-information"	min-content
			"income-statement		balance-sheet	company-ratios" 			min-content
			"cashflow-statement	balance-sheet	company-ratios"				min-content
			"footer							footer				footer"								1fr
			/ 1fr								1fr						1fr;
		;
	}
}

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

.peer-group-comparison {
	display: block;
	font-size: smaller;
	text-align: start;
	&.much-better, &.better {
		&, a {
			color: var(--pico-ins-color);
		}
	}
	&.much-worse, &.worse {
		&, a {
			color: var(--pico-del-color);
		}
	}
}