/* Student quotes (templates/components/student-quotes.php): one column on a phone, two from 700px. */

/* ul.student-quotes, not .student-quotes: structure.css resets ul[role='list'] margins, and a lone class loses to it. */
ul.student-quotes {
	margin-top: 2em;
	display: grid;
	gap: 2em 2.5em;

	@media (width >= 700px) {
		grid-template-columns: repeat(2, 1fr);
	}

	figure {
		margin: 0;
	}

	figcaption {
		margin-top: 0.6em;
	}
}