/*
 * Additions of sections/certification-included.php on top of the donor skin
 * 36-course-included.css, which is shared with the course pages and must
 * not be edited for this page's sake: the lead line under the title and the
 * three-card trio "подготовка идёт по стандарту SHRM" below the slider.
 *
 * The trio is a plain plate, not partials/feature-card.php: a full card
 * right under a slider of eight photo cards reads as a second slider that
 * failed to render.
 */

/* The donor (36-course-included.css) sits on the muted surface; here the
   neighbours above and below are muted, so this section takes the page
   surface instead. */
.certification-included {
    background: var(--color-surface);
}

/* The donor title (36-course-included.css) reserves the full gap under
   itself; here a lead line takes part of it. */
.certification-included .course-included__title {
    margin-bottom: 0.83vw;
}

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

.certification-included__standard-title {
    font-size: 1.25vw;
    font-weight: 700;
    color: var(--color-primary);
    margin: 2.08vw 0 1.04vw;
}

.certification-included__standard {
    --bs-gutter-x: 1.25vw;
    --bs-gutter-y: 1.25vw;
    margin: 0;
}

.certification-included__standard-cell {
    display: flex;
}

.certification-included__standard-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 1.25vw;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
}

.icon.certification-included__standard-icon {
    width: 1.67vw;
    height: 1.67vw;
    margin-bottom: 0.63vw;
    color: var(--color-accent);
}

.certification-included__standard-card-title {
    font-weight: 700;
    color: var(--color-primary);
    margin: 0 0 0.42vw;
}

.certification-included__standard-card-text {
    color: var(--color-text-muted);
    margin: 0;
}

@media only screen and (max-width: 767.98px) {
    .certification-included .course-included__title {
        margin-bottom: 3.2vw;
    }

    .certification-included__lead {
        max-width: none;
        margin: 0 0 5.33vw;
    }

    .certification-included__standard-title {
        font-size: 5.33vw;
        margin: 8vw 0 4vw;
    }

    .certification-included__standard {
        --bs-gutter-x: 4vw;
        --bs-gutter-y: 4vw;
    }

    .certification-included__standard-card {
        padding: 4.27vw;
    }

    .icon.certification-included__standard-icon {
        width: 6.4vw;
        height: 6.4vw;
        margin-bottom: 2.13vw;
    }

    .certification-included__standard-card-title {
        margin: 0 0 1.6vw;
    }
}