/*
 * Industry FAQ section — template-parts/modules/section_industry_faq.php
 *
 * Kept as a standalone file (enqueued only on Industry pages that have FAQs)
 * so the compiled css/style.css does not need to be rebuilt or re-uploaded.
 * Accordion typography/chevron come from .faq-accordion in style.css
 * (scss/modules/_faqs.scss); this file only adds section layout + dividers.
 *
 * Values mirror theme tokens: $dark #000, $primary #002e6d, $secondary #5fd0e0,
 * headings Geist, body Roboto, lg breakpoint 992px.
 */

.section-industry-faq {
    background-color: #fff;
    padding-top: clamp(3rem, 7.75vw, 134px);
    padding-bottom: clamp(3rem, 7.75vw, 134px);
}

/* ── Header column ─────────────────────────────────────────────────────── */

.section-industry-faq__header {
    margin-bottom: 2.5rem;
}

.section-industry-faq__header h2 {
    font-family: "Geist", Helvetica, Arial, sans-serif;
    font-size: clamp(2rem, 4vw, 3rem);
    font-style: normal;
    font-weight: 400;
    line-height: 1.09;
    letter-spacing: -0.05em;
    color: #000;
    margin-bottom: 0;
}

.section-industry-faq__intro {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.75);
    margin: 1.5rem 0 0;
}

@media (min-width: 992px) {
    .section-industry-faq__header {
        margin-bottom: 0;
        padding-right: 3rem;
    }
}

/* ── Accordion (scoped tweaks on top of .faq-accordion) ────────────────── */

.section-industry-faq .faq-accordion .accordion-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.section-industry-faq .faq-accordion .accordion-item:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.section-industry-faq .faq-accordion .accordion-button {
    padding: 1.75rem 0;
    gap: 1.5rem;
    line-height: 1.3;
}

.section-industry-faq .faq-accordion .accordion-button:focus-visible {
    outline: 2px solid #5fd0e0 !important;
    outline-offset: 4px !important;
}

.section-industry-faq .faq-accordion .accordion-body {
    padding: 0 0 2rem 0;
    font-size: clamp(1.0625rem, 1.3vw, 1.25rem);
    line-height: 1.5;
}