:root{--bg:#fbfbf8;--ink:#171d24;--muted:#59626e;--accent:#0e5f59;--secondary:#6b4c9a;--rule:#e1e0d8;--card:#f2f2ec;--soft:#f7f7f2;--comparison-line:#c8c9c5}
@media(prefers-color-scheme:dark){:root{--bg:#12161b;--ink:#e7e5df;--muted:#a4acb5;--accent:#68c7bc;--secondary:#b19ad4;--rule:#2a3139;--card:#1a2027;--soft:#151a20;--comparison-line:#4a515a}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15.5px/1.62 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.wrap{max-width:75ch;margin:0 auto;padding:48px 28px 80px}
h1,h2,h3{font-family:Charter,Georgia,Cambria,"Times New Roman",serif;letter-spacing:-.015em;line-height:1.2}
h1{font-size:38px;margin:0 0 16px}h2{font-size:25px;margin:52px 0 12px}h3{font-size:18px;margin:25px 0 8px}
p{margin:0 0 13px}a{color:var(--accent)}ul{margin:0 0 16px;padding-left:1.25rem}
.small{font-size:13.5px;color:var(--muted)}
.note-nav{font-size:13.5px;color:var(--muted);margin-bottom:18px}
.opening{line-height:1.68;margin:0 0 24px}
.series-box{margin:18px 0;padding:16px 18px;border:2px solid var(--accent);border-radius:9px;background:color-mix(in srgb,var(--accent) 7%,var(--bg))}
.series-box h2{margin:0 0 7px;color:var(--ink);font:700 18px/1.3 Charter,Georgia,serif}
.series-box p{margin:0;color:var(--muted);font-size:13.5px}.series-box p+p{margin-top:7px}.series-box strong{color:var(--ink)}
.series-nav{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px;padding:10px;border:1px solid var(--rule);border-radius:9px;background:var(--soft)}
.series-nav a,.series-nav span{padding:6px 9px;border-radius:6px;font-size:12.5px;font-weight:650;text-decoration:none}
.series-nav .current{background:var(--ink);color:var(--bg)}
.summary{border:1px solid var(--rule);border-left:4px solid var(--accent);border-radius:0 9px 9px 0;background:var(--soft);padding:15px 17px;margin:22px 0 28px}
.summary h2{font-size:18px;margin:0 0 8px}.summary p:last-child{margin-bottom:0}
.formula{border-top:1px solid var(--comparison-line);border-bottom:1px solid var(--comparison-line);background:color-mix(in srgb,var(--ink) 2.5%,var(--bg));padding:11px 10px;margin:11px 0 15px;overflow-x:auto}
.formula p{margin:0;color:var(--ink);font:600 13px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}.formula p+p{margin-top:4px}
.table-wrap{border:1px solid var(--rule);border-radius:10px;overflow-x:auto;margin:14px 0 22px}
.table-wrap:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}
table{border-collapse:collapse;width:100%;font-size:13.5px;background:var(--bg)}
.wide-table{min-width:650px}.scroll-hint{display:none}.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}
th,td{text-align:left;padding:9px 11px;border-bottom:1px solid var(--rule);vertical-align:top}tr:last-child td{border-bottom:0}
th{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.num{white-space:nowrap;font-variant-numeric:tabular-nums}
.takeaway{border:1px solid var(--rule);border-left:4px solid var(--secondary);border-radius:0 9px 9px 0;background:var(--soft);padding:13px 15px;margin:18px 0 22px}
.takeaway h3{margin:0 0 5px;font-size:1rem}.takeaway p{margin:0}
.next-note{margin-top:34px;padding-top:18px;border-top:1px solid var(--rule);font-weight:650}
.fine-print{border-top:1px solid var(--rule);margin-top:46px;padding-top:16px;font-size:12.5px;color:var(--muted)}
@media(max-width:720px){.wrap{padding:34px 18px 60px}h1{font-size:32px}.series-box{padding:13px 14px}.series-box p{font-size:12.5px}.series-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:7px;gap:5px}.series-nav a,.series-nav span{flex:0 0 auto;padding:8px 9px}.scroll-hint{display:block;margin:8px 0 -8px;color:var(--muted);font-size:11.5px}.table-wrap table{font-size:12.5px}.table-wrap th,.table-wrap td{padding:8px 7px}.table-wrap th{white-space:normal}}