/* Compact course-page illustration — not a full-width hero. */
.course-intro {
    display: grid;
    gap: 1.5rem;
    align-items: start;
}
@media (min-width: 768px) {
    .course-intro {
        grid-template-columns: minmax(0, 1.15fr) minmax(12rem, 20rem);
        gap: 2rem;
        align-items: center;
    }
}
.course-illus {
    margin: 0;
    max-width: 20rem;
    background: var(--color-paper, #fffdf8);
    border: 1px solid var(--color-line, #ddd4c4);
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 14px 40px rgba(20, 53, 46, 0.08);
}
.course-illus img {
    width: 100%;
    height: auto;
    display: block;
}
@media (max-width: 767px) {
    .course-illus {
        max-width: 18rem;
    }
    .course-illus img {
        max-height: 300px;
        width: auto;
        max-width: 100%;
    }
}