main.course{max-width:920px}
.course-top,.course-pager{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:14px}
.course-top{padding-bottom:18px;border-bottom:1px solid var(--border)}
.course-header{margin:32px 0}
.course-header .eyebrow{color:var(--muted);font-size:14px;margin:0 0 8px}
.course-header h1{font-size:clamp(26px,4vw,38px);line-height:1.2;margin:0 0 12px}
.course-header p{color:var(--muted);margin:0}
.course-note,.course-sources{border:1px solid var(--border);border-radius:16px;padding:16px 20px;margin:24px 0}
.course-note h2,.course-sources h2{margin-top:0}
.course-note p:last-child{margin-bottom:0}
.course-modules{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:16px}
.module{border:1px solid var(--border);border-radius:16px;padding:16px 20px}
.module h2{margin:0 0 10px}
.module ol{list-style:none;padding:0;margin:0}
.module li{padding:5px 0;border-top:1px solid var(--border);line-height:1.45}
.lesson-code{font-size:13px;color:var(--muted);display:inline-block;min-width:5.5em}
.lesson-body{overflow-wrap:anywhere}
.lesson-body h1{display:none}
.lesson-body h2{margin-top:32px;scroll-margin-top:16px}
.lesson-body h3{margin-top:24px}
.lesson-body li{margin:5px 0}
.course-sources ul{columns:2;padding-left:20px;margin-bottom:0}
.course-pager{border-top:1px solid var(--border);padding-top:20px;margin-top:40px}
@media(max-width:600px){.course-sources ul{columns:1}}