@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.0hiocdn10l05a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.0tm8u-h63rec8.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.1dtltwig2y3wh.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.1hmx3sz6swr8m.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.37b2k1x9f-55d.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3xvzy9_grgcx4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.0-hru0xfwhnbp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.1p_a2k8qd5zhp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#f4f6f9;--surface:#fff;--surface-2:#f8f9fb;--ink:#15233f;--ink-2:#3a4660;--muted:#5d6779;--line:#e1e5ec;--line-strong:#cdd3dd;--accent:#2c4bd1;--accent-hover:#2340b8;--accent-soft:#edf1fd;--success:#12704f;--success-soft:#e6f4ed;--danger:#b42318;--danger-soft:#fdeceb;--example:#fbfaf4;--example-grid:#efebdb;--example-ink:#6b5a1e;--focus:#2c4bd1;--r-sm:8px;--r-md:12px;--r-lg:18px;--font:"DM Sans Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--heading:"Manrope Variable", var(--font);--header-h:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}h1,h2,h3{text-wrap:balance;font-family:var(--heading);color:var(--ink);letter-spacing:-.015em;margin:0;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted);font-size:14px}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:var(--r-sm);padding:10px 14px;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.button{white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-hover)}.button.primary:disabled{cursor:not-allowed;background:#aab4cf}.button.ghost{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.button.ghost:hover{border-color:var(--ink-2)}.button.large{min-height:52px;padding:0 24px;font-size:16px}.text-link{color:var(--accent);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:15px;font-weight:600;display:inline-flex}.text-link:hover{text-underline-offset:3px;text-decoration:underline}.icon-button{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--ink);border-radius:10px;place-items:center;display:inline-grid}.pill{background:var(--surface-2);color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.pill.green{background:var(--success-soft);color:var(--success);border-color:#0000}.site-header{z-index:40;-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line);background:#fffffff0;position:sticky;top:0}.header-inner{max-width:1200px;height:var(--header-h);align-items:center;gap:28px;margin:0 auto;padding:0 24px;display:flex}.brand{font-family:var(--heading);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:10px;font-size:17px;font-weight:800;display:inline-flex}.brand-mark{color:var(--accent);flex:none}.main-nav{gap:4px;display:flex}.nav-link{border-radius:var(--r-sm);color:var(--muted);padding:8px 12px;font-size:15px;font-weight:600}.nav-link:hover{color:var(--ink);background:var(--surface-2)}.nav-link[aria-current=page]{color:var(--ink);background:var(--accent-soft)}.search-link{border:1px solid var(--line);background:var(--surface-2);height:40px;color:var(--muted);border-radius:10px;align-items:center;gap:8px;margin-left:auto;padding:0 14px;font-size:14.5px;display:inline-flex}.search-link:hover{border-color:var(--line-strong);color:var(--ink)}.menu-button{display:none}.drawer-backdrop{z-index:50;background:#15233f59;border:0;position:fixed;inset:0}.drawer{z-index:60;background:var(--surface);flex-direction:column;gap:18px;width:min(300px,86vw);padding:14px 16px;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:0 10px 40px #15233f2e}.drawer-top{justify-content:space-between;align-items:center;display:flex}.drawer nav{flex-direction:column;gap:2px;display:flex}.drawer .nav-link{padding:12px;font-size:16px}.storage-warning{border-radius:var(--r-sm);background:var(--danger-soft);max-width:1200px;color:var(--danger);margin:16px auto 0;padding:10px 14px;font-size:14px}main{outline:none}.container{max-width:1040px;margin:0 auto;padding:48px 24px 64px}.page-head{margin-bottom:28px}.page-head h1{font-size:34px;font-weight:800}.page-head p{color:var(--muted);margin-top:8px;font-size:17px}.site-footer{border-top:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:13.5px}.site-footer p,.site-footer span{max-width:1040px;margin:0 auto;padding:0 24px;display:block}.site-footer p{max-width:1040px;padding-top:24px;padding-bottom:6px}.site-footer span{padding-bottom:28px}.home-hero{max-width:680px;margin-bottom:32px}.home-hero h1{letter-spacing:-.03em;font-size:clamp(32px,5vw,46px);font-weight:800;line-height:1.08}.home-hero p{color:var(--ink-2);max-width:58ch;margin-top:16px;font-size:18px}.continue-card{background:var(--ink);color:#fff;border-radius:var(--r-lg);justify-content:space-between;align-items:center;gap:28px;padding:28px 32px;display:flex}.continue-card h2{color:#fff;margin-top:6px;font-size:24px}.continue-card p{color:#c8d0e0;margin-top:6px}.continue-card .kicker{color:#9fb2f5;font-size:14px;font-weight:600}.continue-card .bar{background:#ffffff29}.continue-card .bar span{background:#8ea6ff}.continue-card .continue-progress span{color:#c8d0e0}.continue-card .button.primary{color:var(--ink);background:#fff}.continue-card .button.primary:hover{background:#e8ecf6}.continue-body{min-width:0}.continue-progress{align-items:center;gap:14px;max-width:420px;margin-top:18px;display:flex}.continue-progress span{color:var(--muted);white-space:nowrap;font-size:14px}.bar{background:#e3e7ef;border-radius:999px;flex:1;height:8px;overflow:hidden}.bar span{border-radius:inherit;background:var(--accent);height:100%;transition:width .4s;display:block}.home-section{margin-top:56px}.section-head{margin-bottom:18px}.section-head h2{font-size:24px;font-weight:800}.section-head p{color:var(--muted);margin-top:4px}.lesson-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);margin:0;padding:0;list-style:none;overflow:hidden}.lesson-list li+li{border-top:1px solid var(--line)}.lesson-row{align-items:center;gap:16px;min-height:72px;padding:16px 20px;display:flex}.lesson-row:hover{background:var(--surface-2)}.lesson-num{border:1.5px solid var(--line-strong);width:32px;height:32px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.lesson-row.is-done .lesson-num{background:var(--success);border-color:var(--success);color:#fff}.lesson-row.is-next .lesson-num{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.lesson-row-text{flex-direction:column;flex:1;min-width:0;display:flex}.lesson-row-text strong{font-size:16px;font-weight:650}.lesson-row-text small{color:var(--muted);margin-top:2px;font-size:14px}.lesson-row-meta{flex:none;font-size:13.5px}.lesson-row-meta .time{color:var(--muted);align-items:center;gap:5px;display:inline-flex}.status{font-weight:600}.status.done{color:var(--success)}.status.next{color:var(--accent)}.row-chevron{color:var(--line-strong);flex:none}.path-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex;position:relative}.path-item{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:18px;display:grid;position:relative}.path-item:not(:last-child):before{content:"";background:var(--line);width:2px;position:absolute;top:44px;bottom:-18px;left:19px}.path-item.is-done:not(:last-child):before{background:var(--success)}.path-node{z-index:1;background:var(--surface);border:2px solid var(--line-strong);width:40px;height:40px;font-family:var(--heading);color:var(--ink-2);border-radius:50%;place-items:center;margin-top:16px;font-size:15px;font-weight:800;display:grid;position:relative}.is-current .path-node{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 5px var(--accent-soft)}.is-done .path-node{background:var(--success);border-color:var(--success);color:#fff}.is-soon .path-node{background:var(--surface-2);color:var(--muted);border-style:dashed}.path-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:6px;padding:18px 22px;transition:border-color .15s,box-shadow .15s;display:flex}.path-card:hover{border-color:#b9c5ef;box-shadow:0 6px 20px #15233f0f}.is-current .path-card{box-shadow:inset 4px 0 0 var(--accent);border-color:#b9c5ef}.is-soon .path-card{background:var(--surface-2);border-style:dashed}.is-soon .path-card h3,.is-soon .path-card p{color:var(--muted)}.path-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.path-card h3{font-size:18px;font-weight:750}.path-card p{color:var(--ink-2);max-width:70ch;font-size:15.5px}.path-card-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:4px;display:flex}.path-card .meta{color:var(--muted);font-size:13.5px;font-weight:500}.path-progress{min-width:180px;color:var(--muted);align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.pill.accent{background:var(--accent-soft);color:var(--accent);border-color:#0000}.planned-list .lesson-row{min-height:60px;color:var(--muted)}.planned-list .lesson-row-text strong{color:var(--ink-2);font-weight:600}.planned-list .lesson-num{border-style:dashed}.progress-table{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);margin:0;padding:0;list-style:none}.progress-table .progress-block{justify-content:space-between;align-items:center;gap:20px;margin:0;padding:18px 22px;display:flex}.progress-table .progress-block+.progress-block{border-top:1px solid var(--line);margin:0}.progress-row-text h2{font-size:16.5px;font-weight:700}.progress-row-text p{color:var(--muted);margin-top:2px;font-size:14px}.progress-row-bar{width:220px;color:var(--ink-2);flex:none;align-items:center;gap:10px;font-size:13.5px;font-weight:700;display:flex}.author-note{border-radius:var(--r-md);color:#6b4e00;background:#fffaf0;border:2px dashed #e0b44a;padding:14px 16px;font-size:14.5px}.author-note strong{margin-bottom:4px;display:block}.complete-panel{border-radius:var(--r-md);background:var(--success-soft);color:var(--success);align-items:flex-start;gap:14px;margin-top:28px;padding:18px 20px;display:flex}.complete-panel strong{font-family:var(--heading);color:var(--success);font-size:16.5px;display:block}.complete-panel p{color:var(--ink-2);margin-top:2px;font-size:15px}.module-grid{counter-reset:course;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.module-grid li{counter-increment:course;display:flex}.module-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;flex:1;gap:10px;padding:22px;transition:border-color .15s;display:flex}.module-card:hover{border-color:var(--accent)}.module-path{color:var(--accent);font-size:13.5px;font-weight:600}.module-path:before{content:counter(course) ". "}.module-card h3{font-size:18px;font-weight:750}.module-card p{color:var(--ink-2);font-size:15px}.module-card .continue-progress{margin-top:auto}.draft-note{border-radius:var(--r-sm);background:var(--example);border:1px solid var(--example-grid);color:var(--example-ink);max-width:62ch;padding:10px 14px;font-size:14.5px}.progress-block+.progress-block{margin-top:12px}.progress-block .progress-summary{margin-bottom:0}.section-head.spaced{margin-top:40px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.course-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;gap:10px;padding:22px;display:flex}.course-card:not(.is-available){background:var(--surface-2)}.course-card.is-available{box-shadow:inset 0 3px 0 var(--accent);border-color:#c3cdf3}.course-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.course-card h3{font-size:18px;font-weight:750}.course-card p{color:var(--ink-2);font-size:15px}.topic-list{flex-wrap:wrap;gap:6px;margin:4px 0 6px;padding:0;list-style:none;display:flex}.topic-list li{background:var(--bg);color:var(--muted);border-radius:6px;padding:3px 9px;font-size:13px}.course-card .text-link{margin-top:auto}.module-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:28px;display:flex}.crumb{color:var(--muted);font-size:14px}.crumb a{color:var(--accent);font-weight:600}.module-header h1{max-width:22ch;font-size:clamp(28px,4vw,38px);font-weight:800}.lede{color:var(--ink-2);max-width:62ch;font-size:18px;line-height:1.6}.meta-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.meta-list li{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);border-radius:6px;padding:4px 10px;font-size:14px;font-weight:600}.module-header .continue-progress{width:100%;margin:4px 0}.progress-summary{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:24px;display:flex}.progress-summary h2{font-size:22px}.progress-summary p{color:var(--muted);margin-top:4px}.progress-figure{font-family:var(--heading);color:var(--accent);font-variant-numeric:tabular-nums;font-size:40px;font-weight:800}.local-note,.empty-state{color:var(--muted);margin-top:16px;font-size:14px}.search-field{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);height:52px;color:var(--muted);align-items:center;gap:10px;margin-bottom:20px;padding:0 16px;display:flex}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:16px}.glossary-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);margin:0}.glossary-list div{grid-template-columns:200px 1fr;gap:20px;padding:16px 20px;display:grid}.glossary-list div+div{border-top:1px solid var(--line)}.glossary-list dt{font-weight:700}.glossary-list dd{color:var(--ink-2);margin:0}.reader{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:48px;max-width:1200px;margin:0 auto;padding:36px 24px 64px;display:grid}.reader-rail{top:calc(var(--header-h) + 24px);max-height:calc(100vh - var(--header-h) - 48px);flex-direction:column;gap:14px;display:flex;position:sticky;overflow-y:auto}.back-link{color:var(--accent);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.rail-module{font-family:var(--heading);font-size:15px;font-weight:750;line-height:1.35}.part-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:relative}.part-list button{border-radius:var(--r-sm);text-align:left;width:100%;color:var(--muted);background:0 0;border:0;align-items:center;gap:12px;padding:8px 10px;font-size:14.5px;line-height:1.35;display:flex}.part-list button:hover{background:var(--surface);color:var(--ink)}.part-list button.is-current{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line);font-weight:650}.part-dot{border:1.5px solid var(--line-strong);background:var(--bg);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:11.5px;font-weight:700;display:grid}.is-current .part-dot{border-color:var(--accent);background:var(--accent);color:#fff}.is-past .part-dot{border-color:var(--success);background:var(--success);color:#fff}.module-lessons{border-top:1px solid var(--line);padding-top:12px;font-size:14px}.module-lessons summary{cursor:pointer;color:var(--ink-2);padding:4px 0;font-weight:600}.module-lessons ol{margin:8px 0 0;padding:0;list-style:none}.module-lessons a{color:var(--muted);gap:10px;padding:6px 4px;line-height:1.35;display:flex}.module-lessons a span{font-variant-numeric:tabular-nums;flex:none;width:18px;font-weight:600}.module-lessons a:hover,.module-lessons a[aria-current=page]{color:var(--ink)}.module-lessons a[aria-current=page]{font-weight:650}.lesson{max-width:720px;scroll-margin-top:calc(var(--header-h) + 16px);outline:none}.lesson-head{margin-bottom:28px}.lesson-count{color:var(--muted);align-items:center;gap:14px;font-size:14px;font-weight:600;display:flex}.lesson-time{align-items:center;gap:5px;font-weight:500;display:inline-flex}.lesson-head h1{letter-spacing:-.025em;margin-top:8px;font-size:clamp(28px,4.2vw,40px);font-weight:800}.step-meter{margin-top:20px}.segments{gap:4px;display:flex}.segments span{background:#e1e5ee;border-radius:3px;flex:1;height:6px;transition:background .25s}.segments span.on{background:var(--accent)}.step-meter p{color:var(--muted);margin-top:8px;font-size:13.5px}.step{flex-direction:column;gap:24px;animation:.22s ease-out step-in;display:flex}@keyframes step-in{0%{opacity:0;transform:translateY(6px)}}.step-title{font-size:26px;font-weight:800}.prose{flex-direction:column;gap:16px;display:flex}.prose p{color:var(--ink-2);max-width:66ch;font-size:17.5px;line-height:1.75}.term{font:inherit;color:var(--ink);-webkit-text-decoration:underline dotted var(--accent);text-decoration:underline dotted var(--accent);text-underline-offset:4px;background:0 0;border:0;padding:0;font-weight:600;text-decoration-thickness:2px;display:inline}.term:hover{color:var(--accent)}.objectives{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:22px 24px}.objectives h2{margin-bottom:12px;font-size:17px;font-weight:750}.objectives ul,.key-points ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.objectives li,.key-points li{color:var(--ink-2);align-items:flex-start;gap:10px;display:flex}.objectives li svg{color:var(--accent);flex:none;margin-top:3px}.step-preview{color:var(--muted);flex-direction:column;gap:6px;margin:0;padding:0 0 0 22px;font-size:15.5px;display:flex}.step-preview:before{content:"In this lesson";color:var(--ink);font-weight:700;font-family:var(--heading);margin-bottom:4px;margin-left:-22px;display:block}.key-points{border-radius:var(--r-md);background:var(--accent-soft);border:1px solid #d8e0fb;padding:20px 22px}.key-points h3{color:var(--accent);margin-bottom:12px;font-size:15.5px;font-weight:750}.key-points li svg{color:var(--accent);flex:none;margin-top:3px}.key-points li span{color:var(--ink)}.example{border-radius:var(--r-md);border:1px solid var(--example-grid);background-color:var(--example);background-image:linear-gradient(var(--example-grid) 1px, transparent 1px), linear-gradient(90deg, var(--example-grid) 1px, transparent 1px);background-position:-1px -1px;background-size:22px 22px;padding:20px 22px}.example p{color:var(--ink);font-size:16.5px;line-height:1.7}.example .example-label{font-family:var(--heading);color:var(--example-ink);margin-bottom:8px;font-size:14.5px;font-weight:750;display:inline-block}.lesson-video,.lesson-figure{margin:0}.video-frame{aspect-ratio:16/9;border-radius:var(--r-md);background:#0e1626;position:relative;overflow:hidden}.video-frame iframe,.video-frame video{border:0;width:100%;height:100%;position:absolute;inset:0}.lesson-figure img{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);width:100%;height:auto;display:block}.lesson-video figcaption,.lesson-figure figcaption{color:var(--muted);margin-top:8px;font-size:14px}.swipe-hint{display:none}.media-planned{border:2px dashed var(--line-strong);border-radius:var(--r-md);background:var(--surface-2);color:var(--muted);gap:14px;padding:18px 20px;display:flex}.media-planned.is-video{aspect-ratio:16/7;align-items:center}.media-planned svg{flex:none;margin-top:2px}.media-planned strong{color:var(--ink-2);font-size:15px}.media-planned p{margin-top:2px;font-size:14px}.media-planned small{margin-top:6px;font-size:12px;display:block}.quick-check,.assessment-question{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:22px 24px}.check-label{color:var(--accent);margin-bottom:6px;font-size:14px;font-weight:700}.quick-check h3,.assessment-question h3{margin-bottom:14px;font-size:18px;font-weight:700;line-height:1.4}fieldset{border:0;flex-direction:column;gap:8px;margin:0 0 16px;padding:0;display:flex}.option{border:1.5px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:12px;min-height:50px;padding:12px 14px;font-size:15.5px;transition:border-color .12s;display:flex}.option:hover{border-color:var(--line-strong)}.option:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.option input{accent-color:var(--accent);flex:none;width:18px;height:18px;margin:0}.option span{flex:1}.option.is-correct{border-color:var(--success);background:var(--success-soft)}.option.is-correct svg{color:var(--success)}.option.is-wrong{border-color:var(--danger);background:var(--danger-soft)}fieldset:disabled .option{cursor:default}.feedback{border-radius:10px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;display:flex}.feedback.good{background:var(--success-soft)}.feedback.good strong{color:var(--success)}.feedback.bad{background:var(--danger-soft)}.feedback.bad strong{color:var(--danger)}.feedback p{color:var(--ink-2);font-size:15px}.takeaway{border-radius:var(--r-md);background:var(--ink);color:#fff;padding:22px 24px}.takeaway-label{color:#9fb2f5;margin-bottom:6px;font-size:14px;font-weight:700}.takeaway p:last-child{font-family:var(--heading);font-size:19px;font-weight:650;line-height:1.45}.recap-list{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.recap-list li{flex-direction:column;padding:14px 18px;display:flex}.recap-list li+li{border-top:1px solid var(--line)}.recap-list strong{font-weight:650}.recap-list span{color:var(--muted);font-size:15px}.sources h3{font-size:16px;font-weight:750}.sources p{color:var(--muted);margin:4px 0 10px;font-size:14px}.sources ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sources a{color:var(--accent);align-items:center;gap:6px;font-size:15px;display:inline-flex}.sources a:hover{text-decoration:underline}.step-nav{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:36px;padding-top:20px;display:flex}.done-note{color:var(--success);justify-content:flex-end;align-items:center;gap:6px;margin-top:10px;font-size:14px;font-weight:600;display:flex}.info-block h2{margin-bottom:6px;font-size:18px;font-weight:750}.info-block p{color:var(--ink-2)}.assessment{flex-direction:column;gap:16px;display:flex}.assessment-list{counter-reset:q;flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.assessment-question{counter-increment:q}.assessment-question h3:before{content:counter(q) ". ";color:var(--muted)}.assessment-submit{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex;position:sticky;bottom:12px}.assessment-result{border-radius:var(--r-md);background:var(--danger-soft);outline:none;flex-direction:column;align-items:flex-start;gap:10px;padding:24px;display:flex}.assessment-result.pass{background:var(--success-soft)}.assessment-result h2{font-size:22px}.term-dialog{border-radius:var(--r-lg);width:min(440px,100vw - 32px);color:var(--ink);border:0;padding:26px;box-shadow:0 20px 60px #15233f40}.term-dialog::backdrop{background:#15233f59}.term-dialog .icon-button{width:34px;height:34px;position:absolute;top:14px;right:14px}.term-dialog h2{margin-bottom:8px;padding-right:40px;font-size:22px}.term-dialog p{color:var(--ink-2);margin-bottom:16px}.loading,.not-found{text-align:center;min-height:60vh;color:var(--muted);place-content:center;justify-items:center;gap:14px;padding:24px;display:grid}.not-found h1{font-size:30px}@media (max-width:960px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reader{grid-template-columns:minmax(0,1fr);gap:0;padding-top:20px}.reader-rail{max-height:none;margin-bottom:20px;position:static;overflow:visible}.reader-rail .part-list,.rail-module{display:none}.lesson{max-width:none}}@media (max-width:760px){.main-nav{display:none}.menu-button{display:inline-grid}.header-inner{gap:12px;padding:0 16px}.search-link{justify-content:center;width:40px;padding:0}.search-link span{display:none}.container,.reader{padding-left:16px;padding-right:16px}.container{padding-top:28px}.continue-card{flex-direction:column;align-items:stretch;padding:22px}.continue-card h2{font-size:21px}.course-grid,.module-grid{grid-template-columns:minmax(0,1fr)}.path-item{grid-template-columns:32px minmax(0,1fr);gap:12px}.path-node{width:32px;height:32px;font-size:13px}.path-item:not(:last-child):before{top:52px;left:15px}.path-card{padding:16px}.path-progress{width:100%;min-width:0}.progress-table .progress-block{flex-direction:column;align-items:stretch;gap:10px}.progress-row-bar{width:100%}.lesson-row{gap:12px;padding:14px 16px}.lesson-row-meta,.row-chevron{display:none}.glossary-list div{grid-template-columns:minmax(0,1fr);gap:4px}.prose p{font-size:17px}.step-title{font-size:23px}.quick-check,.assessment-question,.objectives,.key-points,.example{padding:18px}.lesson-figure.is-diagram .figure-scroll{-webkit-overflow-scrolling:touch;border-radius:var(--r-md);display:block;overflow-x:auto}.lesson-figure.is-diagram img{width:760px;max-width:none}.swipe-hint{display:inline}.step-nav{padding:12px 16px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f4f6f9f5;margin:28px -16px 0;position:sticky;bottom:0}.step-nav .button{flex:1}.step-nav>span:empty{display:none}.site-footer p,.site-footer span{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}