/**
 * Variant CSS: faq--two-column-grid
 * Layer 2 — Path B faq role (2026-05-28).
 * Q/A pairs in a 2-column grid; each cell gets a top accent rule for structure.
 * Every selector scoped to .universal-faq--two-column-grid (no global leak).
 */

body.aibt-universal .universal-faq--two-column-grid {
	background: var(--background-alt);
	color: var(--text-primary);
	border-bottom: 1px solid var(--divider-primary);
}

/* Restore WP constrained-layout centering for centered intro elements. */
body.aibt-universal .universal-faq.universal-faq--two-column-grid .has-text-align-center {
	margin-inline: auto !important;
}

body.aibt-universal .universal-faq--two-column-grid .universal-faq__intro {
	margin-bottom: var(--space-2xl);
	text-align: center;
}

body.aibt-universal .universal-faq--two-column-grid .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 auto var(--space-sm) auto !important;
}

body.aibt-universal .universal-faq--two-column-grid .universal-faq__headline {
	font-family: var(--font-display) !important;
	color: var(--text-primary) !important;
	margin: 0 auto !important;
}

/* Row spacing between the stacked wp:columns rows. */
body.aibt-universal .universal-faq--two-column-grid .universal-faq__row {
	gap: var(--space-xl) !important;
	margin-bottom: var(--space-xl) !important;
}

body.aibt-universal .universal-faq--two-column-grid .universal-faq__row:last-child {
	margin-bottom: 0 !important;
}

/* Each Q/A cell — accent top rule gives the grid visible structure. */
body.aibt-universal .universal-faq--two-column-grid .universal-faq__item {
	padding-top: var(--space-md) !important;
	border-top: 2px solid var(--divider-accent, var(--divider-primary)) !important;
}

body.aibt-universal .universal-faq--two-column-grid .universal-faq__q {
	font-family: var(--font-display) !important;
	font-size: var(--text-lg) !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	letter-spacing: -0.01em !important;
	color: var(--text-primary) !important;
	margin: 0 0 var(--space-xs) 0 !important;
}

body.aibt-universal .universal-faq--two-column-grid .universal-faq__a {
	font-family: var(--font-body) !important;
	font-size: var(--text-base) !important;
	line-height: var(--leading-relaxed) !important;
	color: var(--text-secondary) !important;
	margin: 0 !important;
	max-width: 52ch;
}

@media (max-width: 781px) {
	body.aibt-universal .universal-faq--two-column-grid .universal-faq__row {
		flex-direction: column !important;
		gap: var(--space-lg) !important;
		margin-bottom: var(--space-lg) !important;
	}
}

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