/*
 * Compact "Об ASSET HR" plate on the course page
 * (sections/course-about-school.php). Dark surface, same language as the
 * SHRM partner block on the home page (22-partner.css) and the closing
 * slogan on /o-kompanii (07-about-intro.css) - a plate inside the
 * container, not a full-bleed section, so it reads as a footnote about the
 * school rather than a second hero.
 */

.course-about-school {
    padding: 3vw 0;
}

.course-about-school__plate {
    padding: 2.08vw 2.5vw;
    background: var(--color-primary);
    border-radius: var(--radius);
    color: #fff;
}

.course-about-school__title {
    margin: 0 0 0.83vw;
    font-size: 1.67vw;
    font-weight: 700;
}

.course-about-school__text {
    margin: 0 0 1.67vw;
    max-width: 44em;
    color: rgba(255, 255, 255, 0.85);
}

.course-about-school__stats {
    --bs-gutter-x: 1.67vw;
    --bs-gutter-y: 1.25vw;
    margin-bottom: 1.67vw;
    padding-left: 0;
    list-style: none;
}

.course-about-school__stat-value {
    margin: 0 0 0.21vw;
    font-family: var(--font-heading);
    font-size: 2.08vw;
    font-weight: 700;
    line-height: 1.1;
}

.course-about-school__stat-caption {
    margin: 0;
    font-size: 0.83vw;
    color: rgba(255, 255, 255, 0.8);
}

.course-about-school__link {
    display: inline-block;
    font-weight: 700;
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 0.21vw;
}

.course-about-school__link:hover {
    color: rgba(255, 255, 255, 0.8);
}

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

    .course-about-school__plate {
        padding: 6.4vw 5.33vw;
    }

    .course-about-school__title {
        margin: 0 0 3.2vw;
        font-size: 6.4vw;
    }

    .course-about-school__text {
        max-width: none;
        margin: 0 0 6.4vw;
    }

    .course-about-school__stats {
        --bs-gutter-x: 4.27vw;
        --bs-gutter-y: 4.27vw;
        margin-bottom: 6.4vw;
    }

    .course-about-school__stat {
        display: flex;
        align-items: baseline;
        gap: 3.2vw;
    }

    .course-about-school__stat-value {
        flex: 0 0 auto;
        margin: 0;
        font-size: 8vw;
    }

    .course-about-school__stat-caption {
        font-size: 3.73vw;
    }

    .course-about-school__link {
        text-underline-offset: 1.07vw;
    }
}