/* FAQs V3 — Numbered Accordion + Brand Promise CTA */
.faq.v3 {
    /* Heading (h4 → fnt_t-1): Bayon, mixed case, lh 0.9 (Figma 100px / 90%) */
    --fnt-t-1-tt: none;
    --fnt-t-1-lh: 0.9;

    /* Number "01" / "02" (fnt_t-cpn) — Figma 68px, mixed case (default 80px / uppercase) */
    --fnt-t-cpn-s: 3.78rem;
    --fnt-t-cpn-tt: none;

    /* FAQ title (fnt_qte) — Figma 40px / lh 0.9 (default lh 1.2) */
    --fnt-qte-lh: 0.9;

    /* CTA "Still have questions?" (fnt_t-co) — Figma 50px, mixed case (default uppercase) */
    --fnt-t-co-tt: none;

    /* Accordion list — 10px gap between items */
    .faq-v3-lst {
        gap: 0.56rem;
    }

    /* Accordion item — 20px radius (override default card radius for v3 only) */
    .faq-v3-itm {
        --bdr-rds-crd: 1.11rem;
    }

    /* Open state — flip closed white card to teal callout color, white text */
    .faq-v3-itm > details[open] {
        background-color: var(--lt-callout);
        color: var(--white);
    }

    /* Summary row */
    .faq-v3-smy {
        cursor: pointer;
        list-style: none;
        gap: 1.33rem;
    }

    .faq-v3-smy::-webkit-details-marker {
        display: none;
    }

    /* Number column — fixed 63px, centered, semi-opaque when closed */
    .faq-v3-num {
        flex: 0 0 3.5rem;
        text-align: center;
        opacity: 0.4;
    }

    .faq-v3-itm > details[open] .faq-v3-num {
        opacity: 0.6;
    }

    /* Title takes remaining space */
    .faq-v3-ttl {
        flex: 1 1 auto;
    }

    /* Plus / X icons — swap on open state */
    .faq-v3-icn {
        flex: 0 0 0.78rem;
        width: 0.78rem;
        height: 0.78rem;
        display: flex;
        align-items: center;
    }

    .faq-v3-icn svg {
        width: 100%;
        height: auto;
    }

    .faq-v3-icn-x {
        display: none;
    }

    .faq-v3-itm > details[open] .faq-v3-icn-plus {
        display: none;
    }

    .faq-v3-itm > details[open] .faq-v3-icn-x {
        display: flex;
    }

    /* Body — Albert Sans 500 / lh 1.4 */
    .faq-v3-ans {
        font-weight: 500;
        line-height: 1.4;
    }

    /* CTA Brand Promise card — 24px radius (different from accordion) */
    .faq-v3-cta {
        --bdr-rds-crd: 1.33rem;
    }

    .faq-v3-cta-dsc {
        font-weight: 500;
        line-height: 1.5;
    }

    /* Desktop padding override — Figma 42px / 60px (default pd_v / pd_h on a 67ch parent resolves smaller) */
    @media screen and (min-width: 1280px) {
        .faq-v3-itm > details > .faq-v3-smy {
            padding: 2.33rem 3.33rem;
        }

        .faq-v3-itm > details > .faq-v3-bdy {
            padding-inline: 3.33rem;
            padding-bottom: 2.33rem;
        }

        .faq-v3-cta > .pd_v.pd_h {
            padding: 2.5rem 1.78rem;
        }
    }
}