main {
	.score-details {
		display: grid;
		grid-template:
			"description" auto
			"top" auto
			"bottom" auto
			/ 1fr;
		&>p {
			grid-area: description;
		}
		&>.top {
			grid-area: top
		}
		&>.bottom {
			grid-area: bottom;
		}
		ol {
			padding-inline-start: 0;
		}
		li {
			display: grid;
			grid-auto-flow: column;
			grid-template-columns: 1.25lh 1fr 7.5lh;
			gap: 1rem;
			align-items: center;
			padding-block-end: 0.5rem;
			margin-block-end: 0.5rem;
			border-block-end: 1px dotted var(--pico-table-border-color);
			img {
				width: 1.25lh;
			}
			a:has(img), a:has(meter) {
				text-decoration: none;
			}
		}
	}
}

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