/* ============================================================
   FAQ Page — companion to service-faq.css
   Defines page header utilities and question group headings
   ============================================================ */

/* ── Page section background ────────────────────────────────── */
.faq-page .s-faq {
    padding-top: 4rem;
    padding-bottom: 5rem;
}

/* ── Header block ───────────────────────────────────────────── */
.faq-page .faq-header {
    display: grid;
    justify-items: center;
    row-gap: 0;
    max-width: 52rem;
    margin: 0 auto 2.75rem;
    text-align: center;
}

.faq-page .faq-header h2 {
    margin: 0 0 0.6rem;
    color: var(--faq-text-strong, #f6f6f6);
    font-size: clamp(1.65rem, 4vw, 2.6rem);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

/* Question-group heading styles live in service-faq.css (.s-faq scope) */

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 560px) {
    .faq-page .s-faq {
        padding-top: 3rem;
        padding-bottom: 4rem;
    }

    .faq-page .faq-header {
        margin-bottom: 2rem;
    }
}