/*
 * Wrapper of a plain full-width FAQ accordion - the muted surface and the
 * rhythm around it. Replaces 40-course-faq.css and 52-certification-faq.css,
 * which differed only in the closing bottom padding; the items themselves are
 * .accordion-card + 26-faq.css, the heading is .section-title.
 *
 * `--tail` is for a page that ENDS on this block, where the extra bottom
 * padding separates it from the footer.
 */

.faq-section {
    padding: 3vw 0;
    background: var(--color-surface-muted);
}

.faq-section--tail {
    padding-bottom: 4.5vw;
}

@media only screen and (max-width: 767.98px) {
    .faq-section {
        padding: 6vw 0;
    }

    .faq-section--tail {
        padding-bottom: 9vw;
    }
}