.course-concepts{margin:24px 0;padding:20px 24px;border:1px solid #c7cbd7;border-radius:16px;background:#f5f6fa;color:#171b28}.course-concepts[hidden]{display:none}.course-concepts h2{font-size:17px;margin:0 0 7px}.course-concepts p{font-size:13px;line-height:1.6;color:#4c5366;margin:0 0 12px}.course-concepts nav{display:flex;gap:8px;flex-wrap:wrap}.course-concepts a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #abb3c8;border-radius:9px;background:#fff;color:#172c55;font-size:12px;text-decoration:none}.course-concepts a:hover{background:#172c55;color:#fff}.course-concepts a:focus-visible{outline:3px solid #423195;outline-offset:3px}.course-concepts .concept-course-overview{font-weight:600;background:#172c55;color:#fff}.watch-progress #watch-map-link[hidden]{display:none}.watch-progress #watch-map-link{color:#e5ef9b}.watch-progress #watch-map-link:focus-visible{outline:3px solid #e8ff00;outline-offset:3px}.watch.has-watch-progress .watch-stage{bottom:var(--watch-progress-height,calc(66px + env(safe-area-inset-bottom)))}
@media(max-width:640px){.course-concepts{padding:16px}.watch-progress{gap:8px}}