:root{--paper:#fcfbf9;--surface:#fff;--ink:#23241f;--ink-soft:#45453f;--muted:#6e6c63;--faint:#9a988f;--line:#e9e7df;--line-strong:#dad8ce;--teal:#0e7c66;--teal-deep:#0b5e4e;--teal-soft:#e3f1ec;--teal-ring:#9fd8c6;--amber:#b7791f;--amber-soft:#fbf0dd;--good:#1d9e75;--good-soft:#e5f2ec;--bad:#c0392b;--bad-soft:#fbebe9;--blue:#185fa5;--radius:14px;--radius-sm:9px;--sans:-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--serif:"Iowan Old Style","Palatino Linotype",Georgia,"Times New Roman",serif;--mono:"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;--shadow-sm:0 1px 2px rgba(20,20,15,.05);--shadow:0 1px 3px rgba(20,20,15,.05),0 10px 30px -16px rgba(20,20,15,.12);--maxw:1120px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--serif);letter-spacing:-.012em;color:var(--ink);margin:0}code{font-family:var(--mono);font-size:.88em;background:#f1efe8;color:#7a3e12;padding:1px 6px;border-radius:5px}button{font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{display:flex;min-height:100vh;max-width:var(--maxw);margin:0 auto;background:var(--paper)}.sidebar{width:272px;flex:0 0 272px;border-right:1px solid var(--line);padding:24px 18px 28px;position:-webkit-sticky;position:sticky;top:0;align-self:flex-start;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--ink);margin-bottom:22px}.brand:hover{text-decoration:none}.brand .mark{color:var(--teal);font-size:16px}.brand .sub{color:var(--muted);font-weight:500}.course-title{font-family:var(--serif);font-size:18px;font-weight:700;line-height:1.25}.course-meta{font-size:11.5px;color:var(--muted);margin-top:4px;letter-spacing:.01em}.rail{margin-top:18px;list-style:none;padding:0}.rail,.rail-item{position:relative}.rail-item{display:flex;gap:12px;align-items:flex-start;padding:6px 0}.rail-item:before{content:"";position:absolute;left:12px;top:26px;width:2px;height:calc(100% - 6px);background:var(--line)}.rail-item:last-child:before{display:none}.rail-item.done:before{background:var(--teal)}.rail-link{display:flex;gap:12px;align-items:flex-start;width:100%;padding:1px 6px 1px 0;border-radius:var(--radius-sm)}.rail-link:hover{text-decoration:none}.rail-node{width:26px;height:26px;border-radius:50%;flex:0 0 26px;display:grid;place-items:center;font-size:13px;font-weight:700;position:relative;z-index:1;background:var(--surface);border:2px solid var(--line-strong);color:var(--muted);transition:all .15s ease}.rail-item.done .rail-node{background:var(--teal);border-color:var(--teal);color:#fff}.rail-item.current .rail-node{border-color:var(--teal);box-shadow:0 0 0 4px var(--teal-soft);color:var(--teal)}.rail-item.quiz .rail-node{border-color:var(--amber);color:var(--amber)}.rail-item.quiz.done .rail-node{background:var(--amber);border-color:var(--amber);color:#fff}.rail-label{padding-top:3px}.rail-name{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.25}.rail-item.todo .rail-name{color:var(--muted);font-weight:500}.rail-link:hover .rail-name{color:var(--teal-deep)}.rail-sub{font-size:11px;color:var(--teal);margin-top:2px}.rail-item.quiz .rail-sub{color:var(--muted)}.side-progress{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.side-progress-top{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:7px}.track{height:6px;background:var(--line);overflow:hidden}.fill,.track{border-radius:999px}.fill{height:100%;background:var(--teal);transition:width .4s ease}.main{flex:1 1;min-width:0;padding:40px 48px 96px}.main-narrow{max-width:760px;margin:0 auto}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--teal);text-transform:uppercase}.lesson-h1{font-size:30px;margin:8px 0 12px;font-weight:700}.lead{font-size:16px;color:var(--ink-soft);line-height:1.6;margin:0 0 22px}.visual{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow-sm)}.visual img,.visual svg{display:block;width:100%;height:auto}.layers{display:flex;flex-direction:column;gap:12px;margin:26px 0}.layer{font-size:14.5px;line-height:1.62;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:var(--radius-sm);padding:14px 16px}.layer.alt{border-left-color:var(--amber)}.layer-tag{display:block;font-size:10.5px;font-weight:700;letter-spacing:.11em;color:var(--teal);margin-bottom:5px}.layer.alt .layer-tag{color:var(--amber)}.lesson-actions{display:flex;justify-content:space-between;align-items:center;margin-top:34px;padding-top:22px;border-top:1px solid var(--line);gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-sm);padding:11px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn,.btn:hover{text-decoration:none}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-deep)}.btn-ghost{background:transparent;border-color:var(--line-strong);color:var(--muted)}.btn-ghost:hover{border-color:var(--muted);color:var(--ink)}.btn-amber{background:var(--amber);color:#fff}.btn-amber:hover{background:#9a6416}.btn-lg{padding:14px 24px;font-size:15px}.btn:disabled{opacity:.5;cursor:default}.landing{max-width:var(--maxw);margin:0 auto;padding:0 24px}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line)}.hero{padding:72px 0 36px;max-width:720px}.hero .eyebrow{margin-bottom:14px}.hero h1{font-size:52px;line-height:1.04;font-weight:700}.hero p{font-size:18px;color:var(--ink-soft);line-height:1.6;margin:20px 0 30px;max-width:600px}.hero-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hero-note{font-size:13px;color:var(--muted)}.outline{margin:56px 0 80px}.outline h2{font-size:22px;margin-bottom:6px}.outline-sub{color:var(--muted);font-size:14px;margin-bottom:24px}.outline-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.ocard{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);transition:border-color .15s ease,transform .15s ease}.ocard:hover{border-color:var(--teal-ring);text-decoration:none;transform:translateY(-1px)}.ocard-num{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--teal-soft);color:var(--teal-deep);font-weight:700;font-size:13px}.ocard.quiz .ocard-num{background:var(--amber-soft);color:var(--amber)}.ocard-title{display:block;font-weight:600;font-size:15px;color:var(--ink);margin-bottom:2px}.ocard-desc{font-size:13px;color:var(--muted);margin-top:3px;line-height:1.5}.quiz-wrap{max-width:640px;margin:0 auto;padding:36px 24px 90px}.quiz-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.round-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--teal-deep);background:var(--teal-soft);padding:6px 12px;border-radius:999px}.quiz-count{font-size:12px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.quiz-progress{height:5px;background:var(--line);border-radius:999px;overflow:hidden;margin-bottom:28px}.quiz-progress .fill{background:var(--teal)}.quiz-q{font-family:var(--serif);font-size:23px;line-height:1.34;margin:6px 0 24px;color:var(--ink)}.quiz-q code{font-size:.82em}.timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;color:var(--amber);font-size:13px}.timer.low{color:var(--bad)}.options{display:flex;flex-direction:column;gap:12px}.options.two{flex-direction:row}.options.two .option{flex:1 1;justify-content:center;text-align:center}.option{display:flex;align-items:center;gap:12px;text-align:left;background:var(--surface);border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);padding:16px 18px;font-size:15px;color:var(--ink);cursor:pointer;transition:all .13s ease;width:100%}.option:hover:not(:disabled){border-color:var(--teal-ring);background:#fcfdfc}.option .opt-key{flex:0 0 22px;height:22px;border-radius:6px;background:#f1efe8;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--muted);font-family:var(--mono)}.option.selected{border-color:var(--teal);background:var(--teal-soft)}.option.correct{border-color:var(--good);background:var(--good-soft);color:#0c5e44}.option.wrong{border-color:var(--bad);background:var(--bad-soft);color:#8c281d}.option:disabled{cursor:default}.option.dim{opacity:.55}.explain{margin-top:20px;border-radius:var(--radius-sm);padding:15px 16px;font-size:14px;line-height:1.55;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--teal)}.explain.right{border-left-color:var(--good)}.explain.wrong{border-left-color:var(--bad)}.explain .verdict{font-weight:700;margin-right:6px}.explain .verdict.right{color:var(--good)}.explain .verdict.wrong{color:var(--bad)}.quiz-foot{margin-top:26px;display:flex;justify-content:flex-end}.hint{font-size:12.5px;color:var(--muted);margin-top:14px}.hint,.scorecard{text-align:center}.scorecard{max-width:560px;margin:0 auto;padding:40px 24px 80px}.score-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:38px 32px;box-shadow:var(--shadow)}.score-eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}.score-num{font-family:var(--serif);font-size:64px;font-weight:700;line-height:1;margin:12px 0 4px;color:var(--teal)}.score-num span{font-size:24px;color:var(--faint)}.score-title{font-family:var(--serif);font-size:26px;font-weight:700;margin:4px 0 8px}.score-blurb{font-size:14.5px;color:var(--ink-soft);line-height:1.55;max-width:400px;margin:0 auto 24px}.breakdown{text-align:left;border-top:1px solid var(--line);padding-top:22px;margin-top:6px}.bd-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.bd-name{flex:0 0 150px;font-size:12.5px;color:var(--muted)}.bd-track{flex:1 1;height:8px;background:var(--line);overflow:hidden}.bd-fill,.bd-track{border-radius:999px}.bd-fill{height:100%;background:var(--teal)}.bd-val{flex:0 0 34px;text-align:right;font-size:12px;font-weight:600;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.score-actions{display:flex;gap:12px;justify-content:center;margin-top:28px;flex-wrap:wrap}@media (max-width:860px){.shell{flex-direction:column}.sidebar{width:auto;flex:auto;position:static;height:auto;border-right:none;border-bottom:1px solid var(--line)}.sidebar.collapsed .course-meta,.sidebar.collapsed .rail,.sidebar.collapsed .side-progress{display:none}.main{padding:28px 22px 70px}.hero h1{font-size:38px}.outline-grid{grid-template-columns:1fr}.sidebar-toggle{display:inline-flex}}.sidebar-toggle{display:none;margin-top:14px;font-size:13px;color:var(--teal);background:var(--teal-soft);border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:600}