/* Education-specific layout; shared course components are in courses.css. */
.theme-education .course-hero-inner {
    min-height: 350px;
}
.theme-education .course-hero-copy {
    width: 54%;
}
.theme-education .course-hero h1 {
    font-size: clamp(29px, 3.5vw, 46px);
}
.theme-education .course-hero h2 {
    font-size: 22px;
}
.theme-education .course-hero-photo {
    width: 49%;
}
.theme-education .course-hero-photo img {
    width: 204.8%;
    transform: translate(-51.171875%, -6.640625%);
}
.theme-education .course-hero-photo:after {
    background: linear-gradient(90deg, #f4faff 0%, #f4faff 16%, transparent 29%);
}
.theme-education .course-intro {
    grid-template-columns: 49% 49%;
}
.theme-education .course-detail-photo {
    aspect-ratio: 478/269;
}
.theme-education .course-detail-photo img {
    width: 214.2259%;
    transform: translate(-50.5859375%, -31.25%);
}
.education-course {
    scroll-margin-top: 115px;
}
.theme-education .course-info-card {
    padding: 17px;
}
.theme-education .course-info-card h3 {
    font-size: 19px;
    margin-bottom: 15px;
}
.theme-education .course-checklist li {
    font-size: 12px;
}
.theme-education .education-note {
    font-size: 11px;
    margin-top: 12px;
    scroll-margin-top: 115px;
}
.bstc-section {
    margin-top: 18px;
}
.bstc-summary {
    display: grid;
    grid-template-columns: 39% 1fr;
    gap: 20px;
    padding: 18px 12px;
    border: 1px solid #e0e7ef;
    border-radius: 7px;
    margin-bottom: 12px;
    align-items: start;
}
.bstc-summary h2 {
    font-size: 38px;
    color: #820b2a;
    margin-bottom: 2px;
}
.bstc-summary h3 {
    font-size: 22px;
    color: #820b2a;
    margin-bottom: 4px;
}
.bstc-summary .course-tagline {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 8px;
}
.bstc-summary p {
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 10px;
}
.bstc-summary .course-facts {
    gap: 7px;
    margin-top: 10px;
}
.bstc-summary .course-facts > div {
    padding: 12px 9px;
    gap: 9px;
    align-items: flex-start;
}
.bstc-summary .course-facts i {
    font-size: 26px;
}
.bstc-summary .course-facts span {
    font-size: 10px;
}
.bstc-summary .course-facts strong {
    font-size: 12px;
}
.bstc-summary .course-facts small {
    font-size: 9px;
}
.bstc-summary .course-actions {
    gap: 8px;
}
.bstc-summary .btn {
    font-size: 11px;
    padding: 10px 12px;
}
@media (max-width: 1199px) {
    .bstc-summary {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 991px) {
    .theme-education .course-hero-copy {
        width: 65%;
    }
    .theme-education .course-hero-photo {
        opacity: 0.45;
    }
    .theme-education .course-hero h1 {
        white-space: normal;
    }
    .theme-education .course-intro {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 575px) {
    .theme-education .course-hero-copy {
        width: 100%;
    }
    .theme-education .course-hero-photo {
        width: 100%;
        height: 235px;
        opacity: 1;
    }
    .theme-education .course-picker.two-courses {
        grid-template-columns: 1fr;
        gap: 9px;
    }
    .theme-education .two-courses .course-picker-button {
        padding: 15px 18px;
    }
    .theme-education .two-courses .course-picker-button strong {
        font-size: 20px;
    }
    .theme-education .two-courses .course-picker-button small {
        font-size: 11px;
    }
    .bstc-summary h2 {
        font-size: 32px;
    }
}