/**
 * FAQ — template-parts/faq.php, front-page.php only, directly after
 * testimonials.
 *
 * Reused as-is, nothing redefined: color/spacing/type/radius tokens,
 * .container, .section, .section-label, .link-arrow, .accordion (from
 * main.css — see that file and the template's docblock for the full
 * reuse story, including .accordion__question). No new tokens.
 */

.faq__header {
	max-width: var(--container-reading);
	margin-inline: auto;
	margin-bottom: var(--space-9);
	text-align: center;
}

.faq__subcopy {
	margin-top: var(--space-4);
	font-size: var(--fs-md);
	line-height: var(--lh-md);
}

/* Reading-width accordion, not full section width — long-form answers
   stay comfortable to read. */
.faq__accordion {
	max-width: var(--container-reading);
	margin-inline: auto;
}

.faq__accordion .accordion__question {
	font-size: var(--fs-base);
}

/* Cross-reference links inside answers (see the template's docblock) —
   reuse the global `a`/`a:hover` color from main.css's Reset & base
   section, just tightened to the accordion panel's smaller body size. */
.faq__accordion .accordion__panel a {
	font-weight: var(--fw-semibold);
}

.faq__more {
	max-width: var(--container-reading);
	margin-inline: auto;
	margin-top: var(--space-8);
	text-align: center;
}