:root{--paper:#fbfaf8;--ink:#252521;--muted:#65655d;--rule:#dcdcd3;--wash:#f2f0eb;--accent:#a34424;color-scheme:light}
:root[data-theme=dark]{--paper:#1b1c1c;--ink:#ecece6;--muted:#b1b2a8;--rule:#42443e;--wash:#272925;--accent:#efa780;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body.reading-site{margin:0;background:var(--paper);color:var(--ink);font:17px/1.78 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.reading-site a{color:var(--accent);text-underline-offset:4px}.reading-site button{font:inherit;cursor:pointer;color:inherit}.skip-link{position:absolute;left:20px;top:-80px}.skip-link:focus{top:8px;background:var(--paper);z-index:10}.reading-site :focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.reading-nav{max-width:1160px;margin:0 auto;padding:27px 30px 23px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--rule);font-size:12px;line-height:1.5}.reading-nav .brand{margin-right:auto;font-size:14px;font-weight:600;white-space:nowrap}.reading-nav a{text-decoration:none;color:var(--muted)}.reading-nav a[aria-current]{color:var(--ink)}.reading-links{display:flex;gap:20px;flex-wrap:wrap}.reading-nav button{border:0;background:none;padding:5px 0;font-size:12px;min-width:36px}
.library{max-width:1100px;padding:56px 30px 90px;margin:auto}.library h1{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:0 0 40px;font-weight:600}.post-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px 36px}.post-card a{display:block;color:var(--ink);text-decoration:none}.post-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.post-card h2{font-size:22px;line-height:1.4;font-weight:500;letter-spacing:-.5px;margin:16px 0 0}.post-card a:hover h2{color:var(--accent)}
.reading-layout{max-width:1100px;margin:auto;padding:44px 30px 100px;display:grid;grid-template-columns:178px minmax(0,720px);gap:52px;justify-content:center;align-items:start}.reading-toc{position:sticky;top:28px;max-height:calc(100vh - 56px);overflow:auto;font-size:12px;line-height:1.5;padding-right:12px}.reading-toc summary{color:var(--muted);font-size:11px;margin-bottom:16px;cursor:pointer}.reading-toc a{display:block;color:var(--muted);text-decoration:none;padding:6px 0;border-left:1px solid var(--rule);padding-left:14px}.reading-toc a.active{color:var(--accent);border-color:var(--accent)}.reading-toc a:hover{color:var(--ink)}
.reading-document{min-width:0}.article-header{margin-bottom:36px}.back-to-blogs{font-size:12px;text-decoration:none;color:var(--muted)!important}.reading-site .article-header h1{font:600 clamp(30px,3.6vw,46px)/1.15 Inter,sans-serif;color:var(--ink);letter-spacing:-1.7px;margin:24px 0}.reading-site .article-meta{font-size:12px;color:var(--muted);display:flex;gap:18px;flex-wrap:wrap;margin:18px 0}.article-tools{display:flex;gap:16px;align-items:center;border-top:1px solid var(--rule);padding-top:20px;margin-top:24px;font-size:12px}.article-tools button{border:0;background:none;padding:4px 0;color:var(--muted)}.article-tools button[aria-pressed=true]{color:var(--ink);font-weight:600}.article-tools a{color:var(--muted);margin-left:auto;font-size:11px}.tldr{margin-top:22px;font-size:15px;line-height:1.7}.tldr strong{font-weight:600}.key-topics{margin:12px 0 0;font-size:11px;color:var(--muted)}
.reading-site .article-content{font-family:Inter,sans-serif;color:var(--ink);font-size:17px;line-height:1.8;overflow-wrap:break-word}.reading-site .article-content p,.reading-site .article-content li,.reading-site .article-content strong,.reading-site .article-content b{color:var(--ink)}.reading-site .article-content p{margin:0 0 22px}.reading-site .article-content h1,.reading-site .article-content h2,.reading-site .article-content h3,.reading-site .article-content h4{color:var(--ink);font-family:Inter,sans-serif;letter-spacing:-.5px;text-align:left}.reading-site .article-content h2{font-size:27px;line-height:1.3;font-weight:600;margin:56px 0 20px}.reading-site .article-content h3{font-size:20px;line-height:1.4;margin:32px 0 14px}.reading-site .article-content h4{font-size:17px;margin:24px 0 12px}.reading-site .article-content ul,.reading-site .article-content ol{padding-left:24px;margin:16px 0 24px}.reading-site .article-content hr,.article-divider{border:0;border-top:1px solid var(--rule);margin:36px 0}.article-section-break{color:var(--muted);text-align:center;margin:36px 0}
.reading-site .article-content blockquote,.reading-site .article-highlight{font:inherit;font-size:18px;font-style:normal;color:var(--ink);text-align:left;border:0;border-left:2px solid var(--accent);background:none;padding:0 0 0 24px;margin:32px 0;letter-spacing:0;border-radius:0}.reading-site .article-highlight strong{font:inherit;display:inline;color:var(--ink);text-transform:none;letter-spacing:0}
.reading-site .article-content figure{width:100%!important;max-width:100%;position:static!important;left:auto!important;transform:none!important;margin:32px 0!important;overflow:auto}.reading-site .article-content img{display:block;width:auto;max-width:100%;height:auto;margin:auto;border:0;padding:0;background:none}.reading-site .article-content figure svg{max-width:100%;height:auto}.reading-site .article-content figcaption{font:12px/1.6 Inter,sans-serif;color:var(--muted);text-align:left;margin:12px 0 24px!important;padding:0!important;max-width:100%!important}.reading-site .article-content svg{background:#fff;border-radius:2px}.reading-site .article-content pre,.reading-site .math-block,.reading-site .article-equation,.reading-site .eq{max-width:100%;overflow:auto;background:var(--wash);border:1px solid var(--rule);border-radius:3px;padding:20px;margin:24px 0;color:var(--ink)}.reading-site .article-content pre{white-space:pre;font:13px/1.7 "Geist Mono",monospace}.reading-site .article-content code{font-family:"Geist Mono",monospace;font-size:.85em;background:var(--wash);color:var(--ink)}.reading-site .article-content pre code{font-size:inherit;background:none;white-space:pre}.reading-site .article-content table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;font-size:13px;margin:24px 0}.reading-site .article-content td,.reading-site .article-content th{color:var(--ink);border-bottom:1px solid var(--rule);padding:10px;text-align:left}.reading-site .article-content .num{display:block;font-size:11px;letter-spacing:0;color:var(--muted);margin-bottom:6px}.reading-site .callout,.reading-site .note,.reading-site .warn-box,.reading-site .claim-block,.reading-site .script,.reading-site .answer,.reading-site .layer,.reading-site .glossary-term,.reading-site .bd-index,.reading-site .stat{background:var(--wash);border-color:var(--rule);color:var(--ink);padding:18px;margin:18px 0}.reading-site .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.reading-site .stats .stat{margin:0;font-size:12px}.stat b,.stat span{display:block}.reading-site .bars{padding:20px;background:var(--wash)}.bar-row{display:flex;gap:12px;align-items:center;font-size:12px}.bar-track{flex:1;height:14px;background:var(--rule)}.bar-fill{height:100%;background:var(--accent)}.mermaid{overflow:auto;background:#fff;padding:20px}.reading-site .article-footer-note,.reading-site .article-content footer{font-size:12px;color:var(--muted);margin:40px 0}
.reading-site .article-content .page{max-width:none;margin:0;padding:0}.reading-site .article-content .title-block{text-align:left;margin:0 0 30px}.reading-site .article-content .title-block h1{font-size:30px;line-height:1.3;font-weight:600}.reading-site .article-content .title-block .date{font-size:12px;letter-spacing:0;color:var(--muted);text-transform:none}.reading-site .site-nav{position:static;display:flex;flex-wrap:wrap;gap:22px;margin:0 0 36px;font-size:12px}.reading-site .site-nav a{color:var(--muted);cursor:pointer}.reading-site .site-nav a.active{color:var(--accent)}
[hidden]{display:none!important}.agent-panel{min-width:0}.agent-actions{display:flex;gap:18px;font-size:12px;align-items:center;margin-bottom:20px}.agent-actions button{border:1px solid var(--rule);background:var(--wash);border-radius:3px;padding:5px 12px}.agent-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.9 "Geist Mono",monospace;margin:0;color:var(--ink)}.reading-footer{max-width:1100px;padding:26px 30px;margin:auto;border-top:1px solid var(--rule);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}
.reading-layout.agent-mode{grid-template-columns:minmax(0,720px);gap:0}.agent-mode .reading-document{grid-column:1;width:100%}.agent-panel pre{font-size:14px;line-height:1.85;tab-size:2}.agent-actions{flex-wrap:wrap;row-gap:10px;padding-bottom:18px;border-bottom:1px solid var(--rule)}
@media(max-width:900px){.reading-nav{gap:20px;flex-wrap:wrap}.reading-links{gap:15px}.reading-layout{grid-template-columns:145px minmax(0,1fr);gap:28px}}@media(max-width:700px){.reading-layout{display:block;padding:28px 22px 70px}.reading-toc{position:static;max-height:none;margin:0 0 30px}.reading-toc details:not([open]) a{display:none}.reading-nav{padding:20px 22px}.reading-nav .brand{flex:1}.reading-links{order:3;width:100%;font-size:11px;gap:14px}.library{padding:36px 22px 60px}.post-grid{gap:36px 24px}.post-card h2{font-size:20px}.article-header h1{letter-spacing:-1px!important}.reading-site .stats{grid-template-columns:1fr 1fr}.reading-footer{padding:22px}}@media(max-width:560px){.post-grid{grid-template-columns:1fr}.reading-site .article-content{font-size:16px;line-height:1.8}.reading-site .article-content h2{font-size:24px}.article-tools{gap:14px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.post-card img{height:auto}
.reading-site .article-content svg{--ink:#252521;--muted:#65655d;--indigo:#3c3489;--teal:#0a5a49;--coral:#9c3b1b;--amber:#9a6b12}.svg-lbl{font-size:13px;fill:#252521}.svg-sub{font-size:11px;fill:#65655d}.svg-h{font-size:14px;font-weight:600}
.reading-site .thesis,.reading-site .eqcard{background:var(--wash);border:1px solid var(--rule);padding:22px;margin:24px 0;border-radius:3px}.eqcard .name{font-size:17px;font-weight:600}.eqcard .tagx,.eqcard .src{font-size:11px;color:var(--muted)}.eqcard .why{margin-top:12px}.phase{display:flex;gap:16px;align-items:start;border-bottom:1px solid var(--rule);padding:16px 0}.phase .t{font-weight:600}.phase .d{font-size:14px;color:var(--muted)}.phase .tag{font-size:11px;color:var(--muted);margin-left:auto;white-space:nowrap}
.reading-site .article-code-header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;border:1px solid var(--rule);background:var(--wash);font-size:11px}.article-code-header button{background:none;border:0;color:var(--muted);font-size:11px}.reading-site .article-code-block pre{margin-top:0}.reading-site .article-content pre .kw,.reading-site .article-content pre .type{color:var(--accent)}.reading-site .article-content pre .comment{color:var(--muted)}
.bar-row{display:grid;grid-template-columns:70px minmax(0,1fr);margin:14px 0}.bar{height:32px;background:var(--rule);border-radius:2px}.bar-fill{color:#fff;padding:4px 8px;font-size:11px;min-width:68px;white-space:nowrap}.cta{display:flex;gap:24px;font-size:13px;margin:24px 0}.indent{margin-left:18px}.lname{font-weight:600}.ldesc{font-size:14px;color:var(--muted)}
.reading-site .article-content .explain,.reading-site .article-content .explain-box,.reading-site .article-content .claim,.reading-site .article-content .intuition,.reading-site .article-content .term-def,.reading-site .article-content .answer,.reading-site .article-content .script{background:var(--wash);color:var(--ink);border-color:var(--rule)}
.reading-site .tldr,.reading-site .tldr strong{color:var(--ink)}.reading-site .key-topics{color:var(--muted)}
.reading-site .katex-display{max-width:100%;overflow-x:auto;overflow-y:hidden;padding:6px 0}.reading-site .article-content .katex svg{background:none;border-radius:0}.phase>div{min-width:0}.reading-site .bd-index a{color:var(--accent)}.reading-site .bd-index a:hover{background:var(--wash)}
/* Editorial article header: title, standfirst, and ruled publication details. */
.reading-site .article-header h1{font-size:clamp(32px,4.9vw,52px);font-weight:700;line-height:1.08;letter-spacing:-1.7px;margin:22px 0 14px}
.reading-site .article-header .article-deck{font-size:19px;line-height:1.65;font-weight:400;color:var(--ink);margin:0 0 36px}
.reading-site .article-header .article-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:23px 0 25px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);color:var(--ink)}
.article-meta dt{font-size:9px;line-height:1.4;text-transform:uppercase;margin-bottom:6px;font-weight:400;letter-spacing:.02em}.article-meta dd{font-size:12px;line-height:1.65;margin:0}.reading-site .article-meta dd a{font-weight:600;color:var(--ink);text-decoration:none}.article-meta dd a:hover{text-decoration:underline}
.article-header .article-tools{border-top:0;margin-top:16px;padding-top:0}.article-header .key-topics{margin-top:10px}
@media(max-width:560px){.reading-site .article-header h1{font-size:32px;line-height:1.12}.reading-site .article-header .article-deck{font-size:17px;line-height:1.65;margin-bottom:28px}.reading-site .article-header .article-meta{gap:18px 14px;padding:20px 0;grid-template-columns:repeat(2,minmax(0,1fr))}.article-meta dd{font-size:12px}}

/* Theme switch: the icon shows the mode the button will switch to. */
.reading-nav [data-theme-toggle]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;flex-shrink:0;padding:6px;border:1px solid transparent;border-radius:4px;color:var(--muted)}
.reading-nav [data-theme-toggle]:hover{color:var(--ink);background:var(--wash);border-color:var(--rule)}
.theme-icon{display:block;flex-shrink:0}.theme-icon-sun{display:none}
:root[data-theme=dark] .theme-icon-sun{display:block}
:root[data-theme=dark] .theme-icon-moon{display:none}