/**
 * Variant CSS: faq--qa-split-rows
 *
 * FAQ as an editorial ledger — each row puts the question on the left and the
 * answer on the right, rows separated by hairlines. Unlike the accordion / grid
 * / side-intro variants: a fixed Q|A split gives a calm, document-like rhythm
 * that scans fast. Static, fully native (no wp:html). Text stays --ink
 * (polarity-aware); kicker, em and hairlines take --accent / color-mix. Part of
 * the `faq` role.
 */

body.aibt-universal .universal-faq--qa-split-rows {
	padding-block: calc(clamp(3rem, 7vw, 5rem) * var(--density, 1));
}

/* Intro. */
body.aibt-universal .universal-faq--qa-split-rows .universal-faq__intro {
	margin-bottom: clamp(1.8rem, 4vw, 2.8rem);
}

body.aibt-universal .universal-faq--qa-split-rows .universal-faq__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-sm) 0 !important;
}

body.aibt-universal .universal-faq--qa-split-rows .universal-faq__headline {
	font-family: var(--font-display) !important;
	color: var(--ink) !important;
	margin: 0 !important;
}

body.aibt-universal .universal-faq--qa-split-rows .universal-faq__headline em {
	color: var(--accent) !important;
	font-style: italic;
}

/* Each Q|A row. */
body.aibt-universal .universal-faq--qa-split-rows .universal-faq__item {
	margin-block: 0 !important;
	padding-block: calc(clamp(1.3rem, 3vw, 1.9rem) * var(--density, 1));
	border-top: 1px solid color-mix(in srgb, var(--ink) 13%, transparent);
}

body.aibt-universal .universal-faq--qa-split-rows .universal-faq__item:first-child {
	border-top: none;
	padding-top: 0;
}

/* Question (left). */
body.aibt-universal .universal-faq--qa-split-rows .universal-faq__q {
	font-family: var(--font-display) !important;
	font-size: clamp(1.1rem, 2.2vw, 1.35rem) !important;
	font-weight: 600 !important;
	line-height: 1.22 !important;
	letter-spacing: -0.01em !important;
	color: var(--ink) !important;
	margin: 0 !important;
}

/* Answer (right). */
body.aibt-universal .universal-faq--qa-split-rows .universal-faq__a {
	font-family: var(--font-body) !important;
	font-size: var(--text-base) !important;
	line-height: var(--leading-relaxed) !important;
	color: var(--ink) !important;
	opacity: 0.76;
	margin: 0 !important;
	max-width: 62ch;
}

/* Mobile: columns stack — add breathing room between question and answer. */
@media (max-width: 781px) {
	body.aibt-universal .universal-faq--qa-split-rows .universal-faq__qcol {
		margin-bottom: 0.55rem;
	}
}

/* A5: cancel wide tracking on the uppercase kicker on small screens. */
@media (max-width: 640px) {
	body.aibt-universal .universal-faq--qa-split-rows .universal-faq__kicker {
		letter-spacing: 0 !important;
	}
}