/*
 * Section wrapper only: the accordion itself is the shared
 * .course-program__* skin (35-course-program.css), reused as-is so the two
 * accordions of the site (course programme and BASK domains) stay one
 * component. This file adds the section frame, the lead line and the note
 * under the domains.
 */

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

.certification-program__title {
    margin: 0 0 0.83vw;
    text-align: center;
}

.certification-program__lead {
    max-width: 44em;
    margin: 0 auto 1.67vw;
    text-align: center;
    color: var(--color-text-muted);
}

.certification-program__note {
    margin: 1.25vw 0 0;
    padding: 1.04vw 1.25vw;
    background: var(--color-surface-muted);
    border-left: 0.21vw solid var(--color-accent);
    border-radius: var(--radius);
    color: var(--color-text);
}

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

    .certification-program__title {
        margin: 0 0 3.2vw;
    }

    .certification-program__lead {
        max-width: none;
        margin: 0 0 5.33vw;
        text-align: left;
    }

    .certification-program__note {
        margin: 5.33vw 0 0;
        padding: 4vw 4.27vw;
        border-left-width: 0.8vw;
    }
}