.course-meta{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 28px}.course-meta span{border:1px solid var(--line);padding:8px 12px;border-radius:24px;font-size:12px}.course-progress{display:grid;grid-template-columns:1fr minmax(180px,280px);gap:24px;padding:24px;background:var(--soft);border:1px solid var(--line);border-radius:16px;margin:10px 0 24px}.course-progress h2{margin:0;font-size:20px}.course-progress p{line-height:1.6}.course-progress progress{width:100%;height:12px;accent-color:var(--accent);margin:20px 0}.course-progress button{font-size:12px}.course-catalog{margin-bottom:32px}.course-catalog .course-module{display:flex;flex-direction:column;gap:12px;background:var(--surface);padding:24px}.course-module h2{font-size:19px;line-height:1.4;margin:0;letter-spacing:-.4px}.course-module p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.course-read{font-size:13px;font-weight:600;margin-top:auto}.course-done{color:var(--ink)!important;font-size:12px!important;font-weight:600}.course-preparation{border:1px solid var(--line);border-radius:14px;padding:24px;margin:0 0 38px}.course-preparation p{line-height:1.8;max-width:900px}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:60px;margin-bottom:65px}.lesson-body{max-width:820px}.lesson-body h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.5px;line-height:1.15}.lesson-body h2{font-size:23px;line-height:1.35;margin:0 0 12px}.lesson-body p,.lesson-body li{font-size:16px;line-height:1.85}.lesson-body section{margin:30px 0}.lesson-goal,.lesson-exercise,.lesson-takeaway{padding:24px;border-radius:14px;background:var(--soft);border:1px solid var(--line)}.lesson-goal p,.lesson-takeaway p{margin-bottom:0}.lesson-exercise ol{padding-left:24px}.lesson-exercise li+li{margin-top:12px}.lesson-example .prompt-box{background:var(--surface);padding:22px}.lesson-example pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:15px;line-height:1.8;color:var(--ink);margin:0 0 20px}.lesson-check{border:1px solid var(--line);border-radius:12px;padding:20px}.lesson-check summary{cursor:pointer;font-weight:600;line-height:1.6}.lesson-check p{margin-bottom:0}.lesson-actions{margin:30px 0}.lesson-pagination{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:24px}.lesson-sidebar nav{display:block;position:sticky;top:24px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.lesson-sidebar h2{font-size:18px;margin-top:0}.lesson-sidebar ol{padding-left:22px;margin-bottom:0}.lesson-sidebar li{margin:14px 0;line-height:1.5;font-size:13px}.lesson-sidebar a{display:block;padding:4px;border-radius:5px}.lesson-sidebar a[aria-current]{background:var(--soft);font-weight:700}.lesson-sidebar .course-done{display:inline}.course-finish{border:1px solid var(--line);padding:24px;border-radius:14px}.course-module a:hover,.lesson-sidebar a:hover{text-decoration:underline}.course-progress [hidden],.course-done[hidden],.lesson-actions [hidden]{display:none!important}@media(max-width:1000px){.lesson-layout{gap:28px;grid-template-columns:minmax(0,1fr) 230px}}@media(max-width:760px){.lesson-layout{grid-template-columns:1fr}.lesson-sidebar nav{position:static}.course-progress{grid-template-columns:1fr;gap:0}.lesson-pagination a{white-space:normal}.lesson-body p,.lesson-body li{font-size:15px}.lesson-goal,.lesson-exercise,.lesson-takeaway{padding:20px}}
