/**
 * Variant CSS: testimonials--lead-plus-two-stacked
 * Layer 2 — Path B testimonials role (2026-06-10).
 * Exactly THREE quotes in an ASYMMETRIC hierarchy: one large hero quote on the
 * left (oversized opening mark + headline-scale quote), and two smaller
 * supporting quotes stacked vertically on the right, separated by a hairline.
 * Distinct from lead-quote-plus-support (only TWO quotes) and from
 * featured-plus-trio (one hero + THREE = four total): here it is 1 lead + 2.
 * Chrome-less (no card surfaces) — typography + a divider carry the layout, so
 * --text-primary on --background stays polarity-safe (KI-020). The two:1 column
 * split collapses to a single column on mobile (support pair under the lead).
 * Every selector scoped to .universal-testimonials--lead-plus-two-stacked.
 */

body.aibt-universal .universal-testimonials--lead-plus-two-stacked {
	background: var(--background);
	color: var(--text-primary);
}

/* ---- intro (centered → auto horizontal margins, A8) ------------------- */
body.aibt-universal .universal-testimonials--lead-plus-two-stacked .universal-testimonials__intro {
	text-align: center;
	margin: 0 auto var(--space-7, 48px) auto;
}
body.aibt-universal .universal-testimonials--lead-plus-two-stacked .universal-testimonials__kicker {
	font-family: var(--font-body) !important;
	font-size: var(--text-xs) !important;
	font-weight: 600 !important;
	letter-spacing: var(--tracking-widest, 0.16em) !important;
	text-transform: uppercase !important;
	color: var(--accent) !important;
	margin: 0 auto var(--space-3, 12px) auto !important;
}
body.aibt-universal .universal-testimonials--lead-plus-two-stacked .universal-testimonials__headline {
	font-family: var(--font-display) !important;
	color: var(--text-primary) !important;
	margin: 0 auto !important;
}

/* ---- split: lead column + support column ----------------------------- */
body.aibt-universal .universal-testimonials--lead-plus-two-stacked .universal-testimonials__split {
	gap: var(--space-7, 48px) !important;
	flex-wrap: wrap;
	align-items: flex-start !important;
}

/* ---- lead column: oversized mark, big quote, author ------------------ */
body.aibt-universal .universal-testimonials--lead-plus-two-stacked .universal-testimonials__lead {
	position: relative;
	/* Vertical accent rule separating the flagship quote from the support pair. */
	padding-right: var(--space-7, 48px);
	border-right: 1px solid var(--divider-primary);
}
body.aibt-universal .universal-testimonials--lead-plus-two-stacked .universal-testimonials__mark {
	font-family: var(--font-display) !important;
	font-size: clamp(3.5rem, 6vw, 5rem) !important;
	line-height: 0.5 !important;
	height: 0.5em;
	color: var(--accent) !important;
	opacity: 0.35;
	margin: 0 0 var(--space-4, 16px) 0 !important;
}
body.aibt-universal .universal-testimonials--lead-plus-two-stacked .universal-testimonials__stars--lg {
	font-size: var(--text-lg) !important;
	margin-bottom: var(--space-4, 16px) !important;
}
body.aibt-universal .universal-testimonials--lead-plus-two-stacked .universal-testimonials__bigquote {
	font-family: var(--font-display) !important;
	font-weight: 500 !important;
	color: var(--text-primary) !important;
	letter-spacing: -0.01em !important;
	margin: 0 0 var(--space-5, 24px) 0 !important;
}
body.aibt-universal .universal-testimonials--lead-plus-two-stacked .universal-testimonials__author {
	gap: 0 var(--space-2, 8px) !important;
	align-items: baseline !important;
}

/* ---- support column: two stacked items, divider between -------------- */
body.aibt-universal .universal-testimonials--lead-plus-two-stacked .universal-testimonials__support {
	display: flex !important;
	flex-direction: column;
	gap: var(--space-6, 32px) !important;
}
body.aibt-universal .universal-testimonials--lead-plus-two-stacked .universal-testimonials__item + .universal-testimonials__item {
	padding-top: var(--space-6, 32px);
	border-top: 1px solid var(--divider-primary);
}

/* ---- shared star motif (static, not a fabricated metric) ------------- */
body.aibt-universal .universal-testimonials--lead-plus-two-stacked .universal-testimonials__stars {
	font-size: var(--text-base) !important;
	line-height: 1 !important;
	letter-spacing: 0.1em !important;
	color: var(--accent) !important;
	margin: 0 0 var(--space-3, 12px) 0 !important;
}

/* ---- support quote body ---------------------------------------------- */
body.aibt-universal .universal-testimonials--lead-plus-two-stacked .universal-testimonials__quote {
	font-family: var(--font-body) !important;
	font-size: var(--text-md) !important;
	line-height: var(--leading-relaxed, 1.65) !important;
	color: var(--text-primary) !important;
	margin: 0 0 var(--space-4, 16px) 0 !important;
}

/* ---- author labels (shared) ------------------------------------------ */
body.aibt-universal .universal-testimonials--lead-plus-two-stacked .universal-testimonials__foot {
	display: block;
}
body.aibt-universal .universal-testimonials--lead-plus-two-stacked .universal-testimonials__name {
	font-family: var(--font-display) !important;
	font-size: var(--text-sm) !important;
	font-weight: 600 !important;
	color: var(--text-primary) !important;
	margin: 0 !important;
	line-height: 1.3 !important;
}
body.aibt-universal .universal-testimonials--lead-plus-two-stacked .universal-testimonials__authorrole {
	font-family: var(--font-body) !important;
	font-size: var(--text-xs) !important;
	/* --text-secondary clears AA 4.5:1 on the section bg across themes */
	color: var(--text-secondary) !important;
	margin: 2px 0 0 0 !important;
	line-height: 1.3 !important;
}

/* ---- tablet (641-959): tighten the split gutter ---------------------- */
@media (max-width: 959px) {
	body.aibt-universal .universal-testimonials--lead-plus-two-stacked .universal-testimonials__split {
		gap: var(--space-6, 32px) !important;
	}
	body.aibt-universal .universal-testimonials--lead-plus-two-stacked .universal-testimonials__lead {
		padding-right: var(--space-6, 32px);
	}
}

/* ---- mobile (≤640): single column — drop the vertical rule ----------- */
@media (max-width: 640px) {
	body.aibt-universal .universal-testimonials--lead-plus-two-stacked .universal-testimonials__lead {
		padding-right: 0;
		border-right: none;
		padding-bottom: var(--space-6, 32px);
		border-bottom: 1px solid var(--divider-primary);
		margin-bottom: var(--space-6, 32px);
	}
	body.aibt-universal .universal-testimonials--lead-plus-two-stacked .universal-testimonials__kicker {
		letter-spacing: 0 !important; /* A5: avoid uppercase line-break artifacts */
	}
}

/* Respect reduced-motion: this variant has no motion to disable, but keep the
   block present so the contract (every variant declares it) holds. */
@media (prefers-reduced-motion: reduce) {
	body.aibt-universal .universal-testimonials--lead-plus-two-stacked .universal-testimonials__mark {
		transition: none;
	}
}