.materialsIndex .content__header {
	padding-bottom: calc(var(--space__flow) * 3);
}

.materialEntry > p {
	font-size: 0.8em;
	color: var(--color__gray);
}

.materialEntry > ol {
	margin-left: 2em;
	font-size: 0.8em;
	color: var(--color__gray);
}

.materialEntry > ol a {
	color: var(--color__green);
}

.materialsList {
	margin-bottom: calc(var(--space__flowLarge) * 2);
}

@supports (display: var(--grid)) {
	.materialsList {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: var(--offset__body);
		
		align-content: start; 
	}
}

@media (min-width: 30rem) {
	@supports (display: var(--grid)) {
		.materialsList {
			grid-template-columns: repeat(2, 1fr);
		}
	}
}

@media (min-width: 65rem) {
	@supports (display: var(--grid)) {
		.materialsList {
			grid-template-columns: repeat(3, 1fr);
		}
	}
}