/* Shared, authoritative public course hero and staff components. */
        .course2-hero {
            position: relative;
            isolation: isolate;
            min-height: 78vh;
            display: flex;
            align-items: center;
            color: #fff;
            background-position: center;
            background-size: cover;
            padding: 8rem 0 5rem;
        }
        .course2-hero::before {
            position: absolute;
            inset: 0;
            z-index: -1;
            content: '';
            background: linear-gradient(90deg, rgba(0, 0, 0, .68), rgba(0, 0, 0, .42));
        }
        .course2-hero-logo {
            width: 138px;
            height: 138px;
            object-fit: contain;
            padding: .75rem;
            border: 2px solid var(--course2-lime);
            background: #fff;
            border-radius: 1.5rem;
            box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, .24);
        }
        .course2-staff-grid {
            max-width: 1180px;
            margin: 0 auto;
        }
        .course2-staff-grid > [class*="col-"] {
            flex: 0 0 auto;
            width: calc(clamp(150px, 17vw, 220px) + var(--bs-gutter-x));
        }
        .course2-staff-card {
            display: block;
            width: 100%;
            height: 100%;
            padding: 0;
            overflow: hidden;
            border: 1px solid rgba(25, 135, 84, .14);
            border-radius: 1.35rem;
            background: #fff;
            color: inherit;
            font: inherit;
            text-align: inherit;
            box-shadow: 0 .65rem 1.65rem rgba(26, 55, 39, .09);
            transition: transform .2s ease, box-shadow .2s ease;
            cursor: pointer;
        }
        .course2-staff-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 .9rem 2.1rem rgba(26, 55, 39, .13);
        }
        .course2-staff-card:focus-visible {
            outline: 3px solid var(--course2-lime);
            outline-offset: 4px;
        }
        .course2-staff-photo {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            object-fit: cover;
            background: #eef4f0;
        }
        .course2-staff-card-body {
            min-height: 68px;
            padding: .7rem .8rem;
        }
        .course2-staff-card-body h3 {
            font-size: .9rem;
            line-height: 1.25;
            margin-bottom: .15rem !important;
        }
        .course2-staff-card-body .course2-staff-title {
            padding: 0;
            background: transparent;
            font-size: .64rem;
            letter-spacing: .06em;
        }
        .course2-staff-title {
            display: inline-flex;
            padding: .35rem .65rem;
            border-radius: 50rem;
            color: var(--course2-ink);
            background: var(--course2-lime-soft);
            font-size: .8rem;
            font-weight: 800;
            letter-spacing: .07em;
            text-transform: uppercase;
        }
        .course2-staff-about {
            color: #69736d;
            line-height: 1.65;
        }
        .course2-staff-card-action {
            display: flex;
            align-items: center;
            gap: .45rem;
            width: max-content;
            margin: .9rem auto 0;
            color: var(--course2-green);
            font-size: .9rem;
            font-weight: 800;
        }
        .course2-staff-card-action i { transition: transform .2s ease; }
        .course2-staff-card:hover .course2-staff-card-action i { transform: translateX(3px); }

@media (max-width: 767.98px) {
    .course2-hero { min-height: 70vh; padding-top: 6.5rem; text-align: center; }
    .course2-hero::before { background: rgba(0,0,0,.58); }
    .course2-hero-actions { justify-content: center; }
}