/* ===================================================================
   FAQ page (slug: faq)
   Same layout language as Get Started / Second Act — reuses the shared
   front-page components (fp-hero, fp-heading, fp-body). This file only
   carries the page-specific deltas. Figma node 2335:1969.
   =================================================================== */

/* Hero, faq-list section/header/intro, and faq-item__question
   typography are handled by the shared inner-page patterns in
   front-page.css. */

/* ── 2. Questions list ───────────────────────────────── */

.faq-list__items {
    max-width: 820px;
    margin-inline: auto;
}

.faq-item + .faq-item {
    margin-top: var(--space-8);
}

.faq-item__question {
    /* typography from shared section heading group */
    margin-bottom: var(--space-2);
}

.faq-item__answer {
    line-height: var(--line-height-content);
}

.faq-item__answer p + p {
    margin-top: var(--space-4);
}

.faq-item__answer a {
    color: var(--color-gold-dark);
    font-weight: var(--font-weight-light);
    text-decoration: underline;
}

/* ── Responsive ──────────────────────────────────────── */

@media (max-width: 640px) {
    .faq-item__question {
        font-size: var(--font-size-3xl);
    }
}