.local-course-preview {
    --preview-ink: #183b38;
    --preview-accent: #e9682a;
    --preview-soft: #edf5f2;
    color: #263d3a;
    margin: 0 auto 3rem;
    max-width: 1120px;
}

.local-course-preview__hero {
    background: linear-gradient(135deg, #133f3b 0%, #23645d 62%, #e9682a 160%);
    border-radius: 1.25rem;
    box-shadow: 0 20px 55px rgba(15, 62, 57, .18);
    color: #fff;
    display: grid;
    gap: 0;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
    overflow: hidden;
}

.local-course-preview__intro {
    align-self: center;
    padding: clamp(2rem, 5vw, 4rem);
}

.local-course-preview__eyebrow {
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .12em;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.local-course-preview__title {
    color: #fff;
    font-size: clamp(2rem, 4vw, 3.5rem);
    line-height: 1.08;
    margin: 0;
}

.local-course-preview__image {
    min-height: 360px;
    object-fit: cover;
    width: 100%;
}

.local-course-preview__details {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1fr) 320px;
    margin-top: 1.75rem;
}

.local-course-preview__panel,
.local-course-preview__action {
    background: #fff;
    border: 1px solid #dce8e5;
    border-radius: 1rem;
    box-shadow: 0 10px 32px rgba(24, 59, 56, .08);
    padding: clamp(1.35rem, 3vw, 2.25rem);
}

.local-course-preview__panel h2 {
    color: var(--preview-ink);
    font-size: 1.4rem;
    margin: 0 0 1rem;
}

.local-course-preview__panel + .local-course-preview__panel {
    margin-top: 1.5rem;
}

.local-course-preview__meta {
    display: grid;
    gap: .8rem;
    margin: 0 0 1.5rem;
}

.local-course-preview__meta-item {
    background: var(--preview-soft);
    border-radius: .75rem;
    padding: .8rem 1rem;
}

.local-course-preview__meta-label {
    color: #52716d;
    display: block;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.local-course-preview__action {
    align-self: start;
    position: sticky;
    top: 5.5rem;
}

.local-course-preview__action .btn {
    font-size: 1.05rem;
    padding: .8rem 1rem;
    width: 100%;
}

.local-course-preview__help {
    color: #5d706e;
    font-size: .9rem;
    margin: 1rem 0 0;
}

.local-course-preview__contents p:last-child {
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .local-course-preview__hero,
    .local-course-preview__details {
        grid-template-columns: 1fr;
    }

    .local-course-preview__image {
        max-height: 300px;
        min-height: 220px;
    }

    .local-course-preview__action {
        position: static;
    }
}