/**
 * Reviews — count-aware quote grid (1=full, 2=50/50, 3=3-up, 4+=2x2). Each review uses a nested 2-col grid for quote-mark + text.
 */

.module.reviews .heading-1 {
	color: var(--maroon);
	grid-column: 1 / -1;
	margin: 0 0 var(--text-spacing-small);
}

.module.reviews .review-list {
	grid-column: 1 / -1;
	list-style: none;
	margin: 0;
	padding: 0;
	row-gap: var(--module-spacing-small);
}

/* Count-based grid: 1=full, 2=50/50, 3=3-up, 4+=2x2 */
.module.reviews .review-list > li {
	grid-column: span 6;
}

.module.reviews .review-list:has(> li:nth-child(3):last-child) > li {
	grid-column: span 4;
}

.module.reviews .review-list > li:only-child {
	grid-column: 3 / -3;
}

/* Each review uses a 2-col grid: quote SVG on the left, italic text + stars stacked on the right. .quote is display: contents so its children participate in the parent .review grid. */

.module.reviews .review {
	gap: 8px 12px;
	display: grid;
	grid-template-columns: auto 1fr;
}

.module.reviews .quote {
	display: contents;
}

.module.reviews .quote .quote-mark {
	align-self: start;
	color: var(--deep-maroon);
	grid-column: 1;
	grid-row: 1 / -1;
	opacity: 0.2;
}

.module.reviews .quote .quote-mark svg {
	display: block;
}

.module.reviews .quote p {
	color: var(--deep-maroon);
	font-style: italic;
	grid-column: 2;
	margin: 0;
}

.module.reviews .attribution {
	display: block;
	font: 700 calc(14rem / 16)/1 var(--heading-font);
	font-style: normal;
	grid-column: 2;
	margin-top: var(--text-spacing-xsmall);
	opacity: 0.6;
}

.module.reviews .stars {
	color: var(--gold);
	display: flex;
	font-size: calc(14rem / 16);
	gap: 2px;
	grid-column: 2;
	list-style: none;
	margin: 0;
	padding: 0;
}

/*
 * ====================================================================== *
 * MQ <=950px — Tablet
 * ====================================================================== *
 */

@media only screen and (max-width: calc(950rem / 16)) {

	.module.reviews .review-list > li,
	.module.reviews .review-list:has(> li:nth-child(3):last-child) > li,
	.module.reviews .review-list > li:only-child {
		grid-column: 1 / -1;
	}

}