/**
 * Variant CSS: testimonials--solo-editorial-aside
 * Layer 2 — Path B testimonials role (count-1 expansion 2026-06-10).
 * ONE large editorial quote in a wide column; author + role + stars live in a
 * slim left ASIDE column (magazine 2-col). Separates the "voice" from the
 * "author byline". Keeps WP-core flex-wrap:nowrap at >=782px (2-col stays
 * side-by-side on desktop) and wraps to a single column only <=781px.
 * Distinct from big-quote-portrait (no photo; aside is text), solo-centered-card
 * (flat single column) and solo-tinted-banner (accent band).
 * Every selector scoped to .universal-testimonials--solo-editorial-aside.
 */

body.aibt-universal .universal-testimonials--solo-editorial-aside {
	background: var(--background);
	color: var(--text-primary);
	padding-top: calc(clamp(var(--space-2xl), 8vw, var(--space-3xl)) * var(--density, 1));
	padding-bottom: calc(clamp(var(--space-2xl), 8vw, var(--space-3xl)) * var(--density, 1));
}

/* ---- split: nowrap on desktop, generous gutter ---- */
body.aibt-universal .universal-testimonials--solo-editorial-aside .universal-testimonials__split {
	gap: clamp(2rem, 5vw, 4rem) !important;
	align-items: flex-start !important;
}

/* ---- slim aside (byline column) ---- */
body.aibt-universal .universal-testimonials--solo-editorial-aside .universal-testimonials__aside {
	border-top: 2px solid var(--accent);
	padding-top: var(--space-md);
}
body.aibt-universal .universal-testimonials--solo-editorial-aside .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 0 var(--space-md) 0 !important;
}
body.aibt-universal .universal-testimonials--solo-editorial-aside .universal-testimonials__stars {
	font-size: var(--text-base) !important;
	line-height: 1 !important;
	letter-spacing: 0.14em !important;
	color: var(--accent) !important;
	margin: 0 0 var(--space-md) 0 !important;
}
body.aibt-universal .universal-testimonials--solo-editorial-aside .universal-testimonials__name {
	font-family: var(--font-display) !important;
	font-size: var(--text-lg) !important;
	font-weight: 600 !important;
	color: var(--text-primary) !important;
	margin: 0 0 var(--space-2xs, 0.25rem) 0 !important;
	line-height: 1.25 !important;
}
body.aibt-universal .universal-testimonials--solo-editorial-aside .universal-testimonials__authorrole {
	font-family: var(--font-body) !important;
	font-size: var(--text-sm) !important;
	color: var(--text-secondary) !important;
	margin: 0 !important;
	line-height: 1.4 !important;
}

/* ---- the big editorial quote ---- */
body.aibt-universal .universal-testimonials--solo-editorial-aside .universal-testimonials__quotecol {
	position: relative;
}
body.aibt-universal .universal-testimonials--solo-editorial-aside .universal-testimonials__quote {
	font-family: var(--font-display) !important;
	font-size: clamp(1.5rem, 3.2vw, 2.5rem) !important;
	line-height: var(--leading-snug, 1.28) !important;
	letter-spacing: -0.012em !important;
	font-weight: 400 !important;
	color: var(--text-primary) !important;
	margin: 0 !important;
	text-wrap: pretty;
}
/* hanging opening quote-mark for editorial feel */
body.aibt-universal .universal-testimonials--solo-editorial-aside .universal-testimonials__quote::before {
	content: "\201C";
	display: block;
	font-family: var(--font-display);
	font-size: 2.6em;
	line-height: 0.6;
	color: var(--accent);
	opacity: 0.24;
	margin-bottom: 0.06em;
}

/* ---- focus-visible ---- */
body.aibt-universal .universal-testimonials--solo-editorial-aside a:focus-visible {
	outline: 2px solid var(--accent);
	outline-offset: 3px;
	border-radius: var(--radius-sm, 4px);
}

/* ---- tablet/mobile: stack to one column, aside on top ---- */
@media (max-width: 781px) {
	body.aibt-universal .universal-testimonials--solo-editorial-aside .universal-testimonials__split {
		gap: var(--space-lg) !important;
	}
	body.aibt-universal .universal-testimonials--solo-editorial-aside .universal-testimonials__aside,
	body.aibt-universal .universal-testimonials--solo-editorial-aside .universal-testimonials__quotecol {
		flex-basis: 100% !important;
	}
}

@media (max-width: 640px) {
	body.aibt-universal .universal-testimonials--solo-editorial-aside .universal-testimonials__kicker {
		letter-spacing: var(--tracking-wide, 0.04em) !important;
	}
}