:root{color-scheme:dark;--bg:#0b1620;--surface:#111f2b;--raised:#172a38;--line:#334957;--text:#e9f1f5;--muted:#afc3cf;--accent:#22c6d9;--warm:#ffa21f;--grid:#28404e;--on:#081a22;--wrap:72rem;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
@media(prefers-color-scheme:light){:root{color-scheme:light;--bg:#f2f7f9;--surface:#fff;--raised:#e7f0f4;--line:#a5bbc7;--text:#102736;--muted:#445e6d;--accent:#006978;--warm:#8a4a00;--grid:#d4e3eb;--on:#fff}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:1.0625rem;line-height:1.65}a{color:var(--accent);text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--warm);outline-offset:4px}h1,h2,h3,p,figure{margin:0}p+p{margin-top:1em}h1,h2,h3{line-height:1.13;text-wrap:balance}h1{font-size:clamp(2.55rem,7vw,5.35rem);letter-spacing:.005em}h2{font-size:clamp(1.65rem,4vw,2.65rem);letter-spacing:.005em}h3{font-size:1.22rem;letter-spacing:-.025em}svg{display:block;max-width:100%;height:auto}main{scroll-margin-top:8rem}.wrap{width:min(calc(100% - 2rem),var(--wrap));margin-inline:auto}.skip{position:fixed;left:1rem;top:1rem;z-index:4;transform:translateY(-160%);background:var(--surface);padding:.6rem 1rem}.skip:focus{transform:none}.site-header{position:sticky;top:0;z-index:2;background:var(--bg);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-height:4.4rem;flex-wrap:wrap;padding-block:.45rem}.brand{display:inline-flex;gap:.58rem;align-items:center;color:var(--text);font-weight:750;text-decoration:none;white-space:nowrap}.mark{width:1.55rem;color:var(--accent)}.nav{display:flex;gap:clamp(.35rem,2vw,1.5rem);flex-wrap:wrap}.nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);text-decoration:none;font-size:.875rem;padding-inline:.22rem}.nav a[aria-current]{color:var(--accent);text-decoration:underline}.eyebrow,.chart-tag,.index,.micro{font-family:ui-monospace,Consolas,monospace;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.eyebrow,.index{color:var(--accent)}.lead,.muted{color:var(--muted)}.lead{font-size:clamp(1.07rem,2vw,1.25rem);max-width:60ch}.hero{display:grid;gap:2.25rem;padding-block:clamp(2.5rem,8vw,6.6rem)}.hero h1{margin:.65rem 0 1rem}.hero h1 span{display:block;color:var(--accent)}.actions{display:flex;align-items:center;gap:.9rem 1.3rem;flex-wrap:wrap;margin-top:1.6rem}.button{display:inline-flex;align-items:center;min-height:44px;padding:.62rem 1.05rem;background:var(--accent);color:var(--on);font-weight:750;border-radius:.45rem;text-decoration:none}.button:hover{text-decoration:underline}.chart{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:1rem;padding:clamp(.75rem,3vw,1.4rem);align-self:center}.chart-tag{color:var(--accent);display:block;margin-bottom:.5rem}.chart svg{width:100%}.grid{stroke:var(--grid);fill:none}.axis{stroke:var(--line);fill:none}.wick,.up,.down,.special{stroke-width:2.5}.up{stroke:var(--accent);fill:var(--surface)}.down{stroke:var(--warm);fill:var(--warm)}.special{stroke:var(--text);fill:var(--surface)}.trace{stroke:var(--accent);stroke-width:3;fill:none;stroke-linejoin:round;stroke-linecap:round}.svg-label{fill:var(--muted);font:13px system-ui,sans-serif}.svg-accent{fill:var(--accent);font:700 14px system-ui,sans-serif}.vol{fill:var(--accent);opacity:.72}figcaption{border-top:1px solid var(--line);padding-top:.7rem;margin-top:.65rem;color:var(--muted);font-size:.82rem}.band{border-block:1px solid var(--line);padding-block:1.3rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.55rem 1rem}.band strong{font-size:1.05rem}.section{padding-block:clamp(2.3rem,6vw,4.5rem)}.section-head{margin-bottom:1.25rem}.section-head h2,.page-head h1{margin-top:.4rem}.cards{display:grid;gap:.8rem}.card{display:flex;flex-direction:column;gap:.68rem;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:.75rem;padding:1.1rem 1.2rem}.card p{color:var(--muted);font-size:.96rem}.card a{margin-top:auto;font-weight:650}.card:hover{border-color:var(--accent)}.steps{display:grid;border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:2.1rem minmax(0,1fr) auto;align-items:center;gap:.45rem;border-bottom:1px solid var(--line);padding:.85rem .35rem;color:var(--text);text-decoration:none}.step:hover{background:var(--surface)}.step span:last-child{color:var(--accent)}.watch{background:var(--surface);border:1px solid var(--line);border-radius:1rem;padding:clamp(1.15rem,4vw,2.2rem)}.watch .cards{margin-top:1rem}.watch .card{background:var(--bg)}.page-head{padding-block:clamp(2.5rem,7vw,4.6rem) 1.7rem}.page-head h1{font-size:clamp(2.45rem,6vw,4.5rem);margin-bottom:.65rem}.crumbs{font-size:.875rem;color:var(--muted);margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.45rem}.lesson-grid{display:grid;gap:1.4rem;padding-bottom:3rem;align-items:start}.prose{max-width:68ch;min-width:0}.prose section{margin-bottom:1.65rem}.prose h2{font-size:1.5rem;margin-bottom:.6rem}.prose h3{margin-block:.8rem .35rem}.prose ul{padding-left:1.35rem}.prose li+li{margin-top:.45rem}.aside{display:grid;gap:1rem;min-width:0}.note{background:var(--raised);border-left:3px solid var(--warm);padding:.9rem 1rem;color:var(--text);font-size:.94rem;margin-block:1rem}.footer{border-top:1px solid var(--line);background:var(--surface);padding-block:1.7rem;color:var(--muted);font-size:.88rem}.footer-inner{display:grid;gap:.7rem}.footer nav{display:flex;gap:.65rem 1rem;flex-wrap:wrap}.footer a{display:inline-flex;align-items:center;min-height:44px}.site-index{padding-bottom:3.5rem}.single{padding-bottom:3.5rem}.small{font-size:.88rem}.chart-stack{display:grid;gap:1rem}
@media(min-width:40rem){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{grid-template-columns:1fr auto;align-items:center}.footer-inner p{grid-column:1/-1}}
@media(min-width:55rem){.hero{grid-template-columns:1.05fr 1fr;align-items:center}.featured,.glossary-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:3rem}.start-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem}}
@media(max-width:24rem){.header-inner{justify-content:flex-start}.nav{margin-left:auto}.nav a{font-size:.78rem}.brand{font-size:.92rem}.brand .mark{width:1.25rem}}
@media(prefers-reduced-motion:no-preference){a{transition:color .16s,background-color .16s,border-color .16s}.card{transition:border-color .16s}}
.brand picture,.brand .mark{display:block}.brand .mark{width:24px;height:28px;object-fit:contain}.wordmark{display:grid;gap:.18rem;line-height:1}.wordmark span:first-child{font-size:1.05rem;font-weight:900}.wordmark span:last-child{color:var(--muted);font-size:.57rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.brand-footer .mark{width:17px;height:20px}.brand-footer .wordmark span:first-child{font-size:.9rem}.brand-footer .wordmark span:last-child{font-size:.5rem}

.lesson{max-width:58rem;padding-bottom:3.5rem;--candle-cyan:#008c9e;--candle-orange:#ff9b38;--candle-edge:#ff9b38}
@media(prefers-color-scheme:light){.lesson{--candle-edge:#a14800}}
.lesson .page-head{padding-bottom:1rem}
.lesson-summary{display:grid;gap:.45rem;background:var(--surface);border:1px solid var(--line);border-radius:.75rem;padding:.85rem 1.15rem}
.lesson-summary .lead{max-width:none;color:var(--text)}
.lesson-figures{display:grid;gap:1rem}
.lesson-chart{width:100%;height:100%;align-self:start}
.lesson-chart .svg-label,.lesson-chart .svg-accent{font-size:19px}
.lesson-chart .leader{stroke:var(--muted);stroke-width:1.25;fill:none}
.lesson-chart .up,.lesson-chart .trace{stroke:var(--candle-cyan);stroke-width:3}
.lesson-chart .down{fill:var(--candle-orange);stroke:var(--candle-edge);stroke-width:2.5}
.lesson-chart .special{stroke-width:3}
.lesson-chart .vol{fill:var(--candle-cyan);opacity:1}
.lesson-reading{margin:2rem auto;max-width:68ch}
.lesson-reading section{margin:0;padding:1.1rem 0}
.lesson-reading section+section{border-top:1px solid var(--line)}
.lesson-reading p+p{margin-top:.48rem}
.lesson-reading .note{margin:.75rem 0 0}
.lesson-reading section.lesson-note{margin:.65rem 0;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface)}
.lesson-reading .lesson-note+section{border-top:0}
.lesson-resources{display:grid;gap:1rem}
.lesson-resources section{background:var(--surface);border:1px solid var(--line);border-radius:.75rem;padding:1rem 1.15rem;min-width:0}
.lesson-resources h2{font-size:1.25rem;margin-bottom:.55rem}
.lesson-resources ul{margin:.55rem 0 0;padding-left:1.25rem}
@media(min-width:55rem){.lesson-figures-pair,.lesson-resources{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:55rem){.lesson-summary{margin-top:.55rem}}