:root{--bg:#f7f4ee;--surface:#fff;--surface-2:#f1ece2;--ink:#1f1d1a;--ink-2:#5b564d;--line:#d9d1c3;--accent:#8a4b2a;--accent-soft:#f3e2d6;--teal:#2f6b6b;--teal-soft:#dcebea;--gold:#9a7414;--gold-soft:#f4ead0;--red:#a23b3b;--red-soft:#f5dddd;--radius:10px;--serif:"Source Serif 4", Georgia, "Times New Roman", serif;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#161513;--surface:#1f1d1a;--surface-2:#2a2723;--ink:#ece7de;--ink-2:#aaa294;--line:#3d3832;--accent:#e09a72;--accent-soft:#3a2a20;--teal:#7cc0bd;--teal-soft:#1f3534;--gold:#d9b45a;--gold-soft:#3a3120;--red:#e38a8a;--red-soft:#3c2424}}:root[data-theme=dark]{--bg:#161513;--surface:#1f1d1a;--surface-2:#2a2723;--ink:#ece7de;--ink-2:#aaa294;--line:#3d3832;--accent:#e09a72;--accent-soft:#3a2a20;--teal:#7cc0bd;--teal-soft:#1f3534;--gold:#d9b45a;--gold-soft:#3a3120;--red:#e38a8a;--red-soft:#3c2424}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:17px/1.7 var(--serif);-webkit-font-smoothing:antialiased;margin:0}.page{max-width:880px;margin:0 auto;padding:32px 16px 80px}a{color:var(--accent)}h1,h2,h3,.kicker,nav,.meta,figcaption,.tag,table,.btn{font-family:var(--sans)}h1{letter-spacing:-.01em;margin:4px 0 12px;font-size:clamp(28px,5vw,40px);line-height:1.15}h2{border-top:1px solid var(--line);margin:56px 0 12px;padding-top:8px;font-size:23px}h2 .num{color:var(--accent);margin-right:8px}h3{margin:28px 0 8px;font-size:18px}p{margin:0 0 14px}ul,ol{margin:0 0 14px;padding-left:22px}li{margin-bottom:6px}strong{color:var(--ink)}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:13px;font-weight:600}.meta{color:var(--ink-2);flex-wrap:wrap;gap:6px 16px;font-size:14px;display:flex}.lesson-head{padding-bottom:20px}.lead{color:var(--ink-2);max-width:640px;font-size:19px}.tags{margin-top:12px}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-size:13px;font-family:var(--sans);white-space:nowrap;border-radius:999px;padding:5px 12px}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:default}.site-bar{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);font-family:var(--sans);position:sticky;top:0}.site-bar-inner{align-items:center;gap:20px;max-width:1180px;margin:0 auto;padding:10px 16px;display:flex}.brand{color:var(--ink);align-items:center;gap:8px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.brand-mark{background:var(--accent);border-radius:5px;width:18px;height:18px}.site-nav{gap:4px;margin-right:auto;font-size:14px;display:flex}.site-nav a{color:var(--ink-2);white-space:nowrap;border-radius:999px;padding:5px 10px;text-decoration:none}@media (width<=560px){.site-bar-inner{gap:10px}.brand-text,.theme-label{display:none}}.site-nav a.active{color:var(--ink);background:var(--surface-2)}.reading-progress{z-index:11;background:var(--accent);transform-origin:0;height:3px;position:fixed;top:0;left:0;right:0}[id]{scroll-margin-top:72px}.page.wide{max-width:1180px}.lesson-layout{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:48px;display:grid}.lesson{min-width:0;max-width:860px}.toc-side{max-height:calc(100vh - 96px);position:sticky;top:76px;overflow-y:auto}.toc-mobile{display:none}@media (width<=1000px){.lesson-layout{display:block}.toc-side{display:none}.toc-mobile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:8px;padding:10px 16px;display:block}.toc-mobile summary{cursor:pointer;font-family:var(--sans);font-size:15px;font-weight:600}}nav.toc{font-family:var(--sans);font-size:14px;line-height:1.4}nav.toc strong{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:8px;font-size:12px;display:block}nav.toc ol{margin:8px 0 0;padding:0;list-style:none}nav.toc li{margin:0}nav.toc a{color:var(--ink-2);border-left:2px solid var(--line);gap:8px;padding:6px 10px;text-decoration:none;display:flex}nav.toc a:hover{color:var(--ink)}nav.toc li.active a{color:var(--accent);border-left-color:var(--accent);font-weight:600}nav.toc .num{color:var(--accent);min-width:12px}.callout{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);margin:20px 0;padding:16px 20px}.callout>.label{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.callout.summary{background:var(--accent-soft);border-color:#0000}.callout.summary>.label{color:var(--accent)}.callout.key{background:var(--gold-soft);border-color:#0000}.callout.key>.label{color:var(--gold)}.callout.warn{background:var(--red-soft);border-color:#0000}.callout.warn>.label{color:var(--red)}.callout.example{background:var(--teal-soft);border-color:#0000}.callout.example>.label{color:var(--teal)}.callout :last-child{margin-bottom:0}blockquote.quote{border-left:3px solid var(--accent);color:var(--ink-2);margin:20px 0;padding:4px 0 4px 18px;font-style:italic}blockquote.quote cite{font-style:normal;font-family:var(--sans);margin-top:4px;font-size:13px;display:block}.concepts{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:16px 0;display:grid}.concept{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.concept .term{font-family:var(--sans);color:var(--accent);font-weight:700}.concept .ar{font-family:var(--sans);color:var(--ink-2);margin-left:4px;font-size:12px}.concept p{margin:4px 0 0;font-size:15px;line-height:1.55}.table-wrap{margin:16px 0;overflow-x:auto}table{border-collapse:collapse;background:var(--surface);border-radius:var(--radius);width:100%;font-size:14.5px;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:9px 12px}th{background:var(--surface-2);font-weight:600}figure.diagram{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:24px 0;padding:16px}figure.diagram svg{width:100%;height:auto;display:block}figcaption{color:var(--ink-2);text-align:center;margin-top:10px;font-size:13px}@media (width<=700px){figure.diagram{padding:12px;overflow-x:auto}figure.diagram svg{min-width:620px}figure.diagram figcaption{max-width:calc(100vw - 58px);position:sticky;left:0}}svg text{font-family:var(--sans);fill:var(--ink);font-size:14px}svg .t-sm{fill:var(--ink-2);font-size:12px}svg .t-b{font-weight:700}svg .t-accent{fill:var(--accent)}svg .box{fill:var(--surface-2);stroke:var(--line);stroke-width:1.5px}svg .box-accent{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.5px}svg .box-teal{fill:var(--teal-soft);stroke:var(--teal);stroke-width:1.5px}svg .box-gold{fill:var(--gold-soft);stroke:var(--gold);stroke-width:1.5px}svg .box-red{fill:var(--red-soft);stroke:var(--red);stroke-width:1.5px}svg .line{stroke:var(--ink-2);stroke-width:1.5px;fill:none}svg .line-accent{stroke:var(--accent);stroke-width:2px;fill:none}svg .dash{stroke-dasharray:5 4}svg .dot{fill:var(--accent)}svg .arrowhead{fill:var(--ink-2)}svg .arrowhead-accent{fill:var(--accent)}svg .sector-gold{fill:var(--gold-soft);opacity:.55}svg .sector-teal{fill:var(--teal-soft);opacity:.55}svg .sector-red{fill:var(--red-soft);opacity:.55}svg .axis{opacity:.5}svg .spiral{fill:none;stroke-linecap:round}svg .spiral-gold{stroke:var(--gold)}svg .spiral-teal{stroke:var(--teal)}svg .spiral-red{stroke:var(--red)}svg .arrow-gold{fill:var(--gold)}svg .arrow-teal{fill:var(--teal)}svg .arrow-red{fill:var(--red)}svg .dot-gold{fill:var(--gold);stroke:var(--surface);stroke-width:1.5px}svg .dot-teal{fill:var(--teal);stroke:var(--surface);stroke-width:1.5px}svg .dot-red{fill:var(--red);stroke:var(--surface);stroke-width:1.5px}svg .dot-hollow{fill:var(--surface);stroke:var(--gold);stroke-width:2px;stroke-dasharray:3 2}svg .label-bg{fill:var(--surface);opacity:.88}svg .spiral-name{font-size:13px}svg .stage-title{letter-spacing:.02em;font-size:15px}svg .stage-gold{fill:var(--gold)}svg .stage-teal{fill:var(--teal)}svg .stage-red{fill:var(--red)}.timeline{margin:20px 0;padding-left:26px;position:relative}.timeline:before{content:"";background:var(--line);width:2px;position:absolute;top:4px;bottom:4px;left:8px}.timeline .ev{margin-bottom:16px;position:relative}.timeline .ev:before{content:"";background:var(--accent);border:2px solid var(--bg);border-radius:50%;width:12px;height:12px;position:absolute;top:8px;left:-23px}.timeline .when{font-family:var(--sans);color:var(--accent);font-size:13px;font-weight:700}.quiz-bar{z-index:5;background:var(--bg);margin-bottom:8px;padding:10px 0 12px;position:sticky;top:56px}.quiz-meter{background:var(--surface-2);border-radius:999px;height:8px;display:flex;overflow:hidden}.quiz-meter .seg{flex-basis:0;transition:flex-grow .25s}.seg.ok{background:var(--teal)}.seg.again{background:var(--gold)}.seg.left{background:var(--surface-2)}.quiz-stats{font-family:var(--sans);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:10px;font-size:14px;display:flex}.quiz-stats b{color:var(--ink)}.quiz-stats .ok-text{color:var(--teal)}.quiz-stats .again-text{color:var(--gold)}.quiz-stats .check{cursor:pointer;align-items:center;gap:6px;margin-left:auto;display:flex}.q{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:var(--radius);margin:10px 0;padding:14px 18px}.q.q-ok{border-left-color:var(--teal)}.q.q-again{border-left-color:var(--gold)}.q-head{align-items:baseline;gap:12px;display:flex}.q-no{font-family:var(--sans);color:var(--accent);font-size:14px;font-weight:700}.q-text{font-family:var(--sans);margin:0;font-size:15.5px;font-weight:600;line-height:1.5}.q-answer{background:var(--surface-2);border-radius:8px;margin:12px 0 0;padding:12px 14px}.q-answer :last-child{margin-bottom:0}.q-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.btn-ok.on{background:var(--teal-soft);border-color:var(--teal);color:var(--teal)}.btn-again.on{background:var(--gold-soft);border-color:var(--gold);color:var(--gold)}.tag{font-family:var(--sans);background:var(--surface-2);color:var(--ink-2);border-radius:999px;margin:0 4px 4px 0;padding:2px 9px;font-size:12px;display:inline-block}.tag-link{margin-top:10px;text-decoration:none}.tag-link:hover{color:var(--accent)}.search{width:100%;max-width:420px;font:15px var(--sans);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;margin:4px 0 8px;padding:9px 16px}.search:focus{outline:2px solid var(--accent);outline-offset:1px}.filters{margin-bottom:8px}.login{max-width:520px}.login-form{gap:6px;display:grid}.login-form label span{font:600 13px var(--sans);color:var(--ink-2);margin-top:8px;display:block}.login-error{font-family:var(--sans);color:var(--red);margin:8px 0 0;font-size:14px}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--surface);justify-self:start;margin-top:12px;padding:8px 20px;font-size:15px}.chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chip{font:13px var(--sans);border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:999px;padding:5px 12px}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--bg)}.empty{color:var(--ink-2);font-style:italic}.gloss-group h2.letter{color:var(--accent);margin-top:32px;font-size:28px}.concept{flex-direction:column;align-items:flex-start;display:flex}.concept p{flex:1}.day-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:32px 0 0;font-size:13px;font-weight:600}.cards{gap:16px;margin-top:24px;display:grid}.card{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;text-decoration:none;transition:border-color .15s;display:block}.card:hover{border-color:var(--accent)}.card h2{border:0;margin:4px 0 8px;padding:0;font-size:21px}.card p{color:var(--ink-2);margin:0 0 14px;font-size:16px}.card-foot{font-family:var(--sans);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13px;display:flex}.meter{background:var(--surface-2);border-radius:999px;flex:1;min-width:80px;max-width:200px;height:6px;overflow:hidden}.meter-fill{background:var(--teal);height:100%;display:block}.pager{font-family:var(--sans);justify-content:space-between;gap:12px;margin-top:56px;font-size:15px;display:flex}.pager a{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:10px 14px;text-decoration:none}@media print{body{background:#fff;font-size:12pt}.site-bar,.reading-progress,.pager,.toc-side,.toc-mobile,.search,.quiz-bar,.q-actions{display:none}.lesson-layout{display:block}.q,figure.diagram,.callout{break-inside:avoid}}