/*---*\
    Accordion Section

    Block-level section shell and contextual overrides for the reusable
    FxAccordion component styles in assets/css/components/FxAccordion.css.

\*---*/


.accordion-section .sub-heading {
    color: var(--color-accent-green);
    justify-content: center;
}

.accordion-section .sub-heading::after {
    display: block;
}

.accordion-section__inner {
    max-width: var(--container-max-width);
    margin-left: auto;
    margin-right: auto;
}

.accordion-section__intro {
    text-align: center;
    margin-bottom: var(--space-heading-top);
}

.accordion-section__intro h2 {
    text-transform: uppercase;
}

.accordion-section__intro-body {
    margin-top: var(--space-paragraph);
}

/*
 * Green section variant from design:
 * - panels shift to white cards
 * - expanded toggle has a subtle divider
 */
.accordion-section.bg-medium-green .fx-accordion__panel {
    background: var(--color-white);
}