/**
 * Testimonials — split / centered families + arrangement + quote chrome.
 * Companion to app.css; input.css is root-owned on this host.
 * Split never paints bento / featured / masonry mosaics.
 * Carousel chrome lives in theme-carousel.css. Forbidden: overflow-x + scroll-snap.
 */
.tw-testimonials-split,
.tw-testimonials-split__copy,
.tw-testimonials-split__panel,
.tw-testimonials-centered,
.tw-testimonials-centered__panel,
.tw-testimonials-grid,
.tw-testimonials-bento,
.tw-testimonials-masonry {
	min-width: 0;
}

.tw-testimonials-split,
.tw-testimonials-centered {
	gap: var(--tw-intro-panel-gap, calc(var(--tw-content-gap, 1rem) * 2));
}

.tw-testimonials-split {
	display: flex;
	flex-direction: column;
}

.tw-testimonials-centered {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.tw-testimonials-split__panel,
.tw-testimonials-centered__panel {
	gap: var(--tw-content-gap, 1rem);
}

[data-tw-testimonials-glass] {
	background-color: var(--tw-color-text, #0f172a);
	color: var(--tw-color-page, #fff);
}

[data-tw-testimonials-item-style="dark"] figure {
	background-color: color-mix(in srgb, var(--tw-color-page, #fff) 12%, var(--tw-color-text, #0f172a));
	color: var(--tw-color-page, #fff);
}

.tw-testimonials-grid {
	display: grid;
	gap: var(--tw-content-gap, 1rem);
	grid-template-columns: minmax(0, 1fr);
}

.tw-testimonials-grid[data-tw-testimonials-display="grid"] {
	grid-template-columns: repeat(var(--tw-testimonials-per-row-mobile, 1), minmax(0, 1fr));
}

.tw-testimonials-bento {
	display: grid;
	gap: var(--tw-content-gap, 1rem);
	grid-template-columns: minmax(0, 1fr);
}

.tw-testimonials-bento__lead,
.tw-testimonials-bento__tile {
	min-width: 0;
}

@media (max-width: 1023.98px) {
	[data-tw-testimonials-stack="above"] .tw-testimonials-split__panel {
		order: -1;
	}
}

@media (min-width: 768px) {
	.tw-testimonials-grid[data-tw-testimonials-display="grid"] {
		grid-template-columns: repeat(var(--tw-testimonials-per-row-tablet, 2), minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.tw-testimonials-split {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		align-items: stretch;
	}

	.tw-testimonials-split[data-tw-testimonials-split-ratio="60_40"] {
		grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	}

	.tw-testimonials-split[data-tw-testimonials-split-ratio="75_25"] {
		grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
	}

	.tw-testimonials-split[data-tw-testimonials-panel-side="start"][data-tw-testimonials-split-ratio="60_40"] {
		grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
	}

	.tw-testimonials-split[data-tw-testimonials-panel-side="start"][data-tw-testimonials-split-ratio="75_25"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
	}

	.tw-testimonials-split[data-tw-testimonials-panel-side="start"] .tw-testimonials-split__panel {
		order: -1;
	}

	.tw-testimonials-grid {
		grid-template-columns: repeat(var(--tw-testimonials-per-row-desktop, var(--tw-testimonials-per-row, 3)), minmax(0, 1fr));
	}

	.tw-testimonials-bento {
		grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
	}

	.tw-testimonials-bento__lead {
		grid-column: 1 / span 2;
		grid-row: 1 / span 2;
	}
}