/**
 * Variant CSS: testimonials--single-metric-led-quote
 * Layer 2 — Path B testimonials role (2026-06-06).
 * Editorial single testimonial built AROUND one dominant result metric:
 * giant hero number on top, single pull-quote below, author with avatar.
 * Distinct from metric-plus-quotes (metric left + 3-quote stack right) and
 * case-result-with-quote (problem/result steps + 2 metrics + side quote):
 * here it is ONE centred narrative anchored to a single figure.
 * Every selector scoped to .universal-testimonials--single-metric-led-quote.
 */

body.aibt-universal .universal-testimonials--single-metric-led-quote {
	background: var(--background);
	color: var(--text-primary);
	text-align: center;
}

/* ---- kicker (centered → auto horizontal margins, A8) ------------------- */
body.aibt-universal .universal-testimonials--single-metric-led-quote .universal-testimonials__kicker {
	font-family: var(--font-body) !important;
	font-size: var(--text-xs) !important;
	font-weight: 600 !important;
	letter-spacing: var(--tracking-widest) !important;
	text-transform: uppercase !important;
	color: var(--accent) !important;
	margin: 0 auto var(--space-md) auto !important;
}
/* thin accent rule under the kicker for an editorial seam */
body.aibt-universal .universal-testimonials--single-metric-led-quote .universal-testimonials__kicker::after {
	content: "";
	display: block;
	width: 2.5rem;
	height: 2px;
	background: var(--accent);
	margin: var(--space-sm) auto 0 auto;
}

/* ---- hero metric block ------------------------------------------------- */
body.aibt-universal .universal-testimonials--single-metric-led-quote .universal-testimonials__metricblock {
	margin: 0 auto var(--space-lg) auto !important;
}
body.aibt-universal .universal-testimonials--single-metric-led-quote .universal-testimonials__metric {
	font-family: var(--font-display) !important;
	font-weight: 700 !important;
	font-size: clamp(4rem, 13vw, 8.5rem) !important;
	line-height: 0.9 !important;
	letter-spacing: -0.04em !important;
	color: var(--accent) !important;
	margin: 0 auto !important;
}
body.aibt-universal .universal-testimonials--single-metric-led-quote .universal-testimonials__metriclabel {
	font-family: var(--font-body) !important;
	font-size: var(--text-base) !important;
	font-weight: 500 !important;
	letter-spacing: 0.01em !important;
	/* attribution-grade label must clear AA 4.5:1 → --text-secondary, not muted */
	color: var(--text-secondary) !important;
	margin: var(--space-sm) auto 0 auto !important;
	max-width: 30ch;
}

/* ---- pull-quote headline ---------------------------------------------- */
body.aibt-universal .universal-testimonials--single-metric-led-quote .universal-testimonials__headline {
	font-family: var(--font-display) !important;
	color: var(--text-primary) !important;
	margin: 0 auto var(--space-lg) auto !important;
	max-width: 22ch;
	text-wrap: balance;
}
/* emphasized word picks up the accent (matches metric, ties the eye together) */
body.aibt-universal .universal-testimonials--single-metric-led-quote .universal-testimonials__headline em {
	color: var(--accent) !important;
	font-style: italic;
}

/* ---- author row (centered flex) --------------------------------------- */
body.aibt-universal .universal-testimonials--single-metric-led-quote .universal-testimonials__author {
	gap: var(--space-sm) !important;
	align-items: center !important;
	justify-content: center !important;
}
body.aibt-universal .universal-testimonials--single-metric-led-quote .universal-testimonials__avatar {
	margin: 0 !important;
	flex: 0 0 auto;
}
body.aibt-universal .universal-testimonials--single-metric-led-quote .universal-testimonials__avatar img {
	width: 52px;
	height: 52px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 50%;
	display: block;
	/* hairline ring so the portrait stays defined on light page backgrounds */
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent);
}
body.aibt-universal .universal-testimonials--single-metric-led-quote .universal-testimonials__authormeta {
	text-align: left;
}
body.aibt-universal .universal-testimonials--single-metric-led-quote .universal-testimonials__name {
	font-family: var(--font-display) !important;
	font-size: var(--text-base) !important;
	font-weight: 600 !important;
	color: var(--text-primary) !important;
	margin: 0 !important;
	line-height: 1.3 !important;
}
body.aibt-universal .universal-testimonials--single-metric-led-quote .universal-testimonials__authorrole {
	font-family: var(--font-body) !important;
	font-size: var(--text-sm) !important;
	/* --text-secondary clears AA 4.5:1 on page bg across themes */
	color: var(--text-secondary) !important;
	margin: 2px 0 0 0 !important;
	line-height: 1.3 !important;
}

/* ---- small screens: cap uppercase kicker tracking (A5) ----------------- */
@media (max-width: 640px) {
	body.aibt-universal .universal-testimonials--single-metric-led-quote .universal-testimonials__kicker {
		letter-spacing: 0 !important; /* A5: avoid uppercase line-break artifacts */
	}
}

/* ---- mobile: stack author vertically, keep 0 horizontal overflow ------- */
@media (max-width: 540px) {
	body.aibt-universal .universal-testimonials--single-metric-led-quote .universal-testimonials__author {
		flex-direction: column !important;
		gap: var(--space-xs) !important;
	}
	body.aibt-universal .universal-testimonials--single-metric-led-quote .universal-testimonials__authormeta {
		text-align: center;
	}
}