.ob-course-discovery { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px; border: 1px solid #c5dedb; border-radius: 14px; background: #f3f9f7; }
.ob-course-discovery .ob-course-discovery__label { margin: 0 0 8px; color: #347674; font-size: 10px; font-weight: 700; line-height: 1.5; letter-spacing: .09em; text-transform: uppercase; }
.ob-course-discovery h2 { margin: 0 0 8px; color: #0f172a; font-size: 22px; font-weight: 650; line-height: 1.35; letter-spacing: -.02em; }
.ob-course-discovery .ob-course-discovery__hours { margin: 0 0 10px; color: #22615c; font-size: 14px; font-weight: 650; line-height: 1.6; }
.ob-course-discovery .ob-course-discovery__description { margin: 0; color: #586779; font-size: 14px; line-height: 1.7; }
.ob-course-discovery .ob-course-discovery__note { margin: 8px 0 0; color: #54716a; font-size: 11px; line-height: 1.6; }
.ob-course-discovery__links { display: flex; flex-direction: column; align-items: flex-start; flex-shrink: 0; gap: 12px; }
.ob-course-discovery__links a { color: #22615c; font-size: 14px; font-weight: 650; line-height: 1.6; text-decoration: none; text-underline-offset: 4px; }
.ob-course-discovery__links a:hover { color: #174943; text-decoration: underline; }
.ob-course-discovery__links a:focus-visible { outline: 2px solid #347674; outline-offset: 5px; border-radius: 2px; }
.ob-course-discovery__links .ob-course-discovery__secondary { color: #536579; font-size: 12px; font-weight: 500; text-decoration: underline; }
.ob-course-discovery-slot { padding-top: 24px; padding-bottom: 24px; }
@media (max-width: 700px) {
    .ob-course-discovery { align-items: stretch; flex-direction: column; gap: 18px; padding: 20px; }
    .ob-course-discovery__links { flex-direction: row; flex-wrap: wrap; gap: 12px 20px; align-items: center; }
}