:root{--ink:#202124;--ink2:#62666b;--meta:#777b80;--rule:#e5e7eb;--wash:#f7f7f5;--acc:#315d73;
--serif:"Source Serif 4",Charter,Georgia,serif;--sans:Inter,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:4rem}
body{margin:0;background:#fff;color:var(--ink);font:1.06rem/1.72 var(--serif)}
a{color:var(--acc)}a:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.wrap{max-width:1180px;margin:0 auto;padding:0 1.5rem}
.top{border-bottom:1px solid var(--rule);font:.8rem var(--sans);color:var(--ink2);position:sticky;top:0;background:#fff;z-index:5}
.top .wrap{display:flex;justify-content:space-between;gap:1rem;padding-top:.75rem;padding-bottom:.75rem;flex-wrap:wrap}
.top nav a{margin-left:1.2rem;text-decoration:none}.top nav a:hover{text-decoration:underline}
.page{display:grid;grid-template-columns:200px minmax(0,740px);gap:3.5rem;padding-top:3rem;padding-bottom:4rem}
aside nav{position:sticky;top:4.5rem;display:flex;flex-direction:column;gap:.5rem;font:.82rem/1.3 var(--sans)}
aside a{color:var(--ink2);text-decoration:none}aside a:hover,aside a.on{color:var(--acc)}aside a.on{font-weight:500}
h1{font:600 clamp(1.7rem,3.2vw,2.35rem)/1.2 var(--serif);letter-spacing:-.01em;margin:0 0 1.2rem}
.by{font:500 .95rem/1.5 var(--sans);margin:0 0 3rem}.by span{font-weight:400;color:var(--ink2)}
section{margin-bottom:3.2rem}
h2{font:600 1.75rem/1.25 var(--serif);margin:0 0 1rem;padding-top:1.4rem;border-top:1px solid var(--rule)}
h3{font:600 1.2rem/1.3 var(--serif);margin:2rem 0 .5rem}
p{margin:0 0 1.1rem}ul,ol{padding-left:1.25rem}li{margin-bottom:.5rem}
.eq{margin:1.1rem 0;overflow-x:auto;overflow-y:hidden}
figure{margin:2rem 0}figcaption,caption{font:.88rem/1.5 var(--sans);color:var(--ink2);text-align:left}
figcaption{margin-top:.6rem}caption{caption-side:top;padding-bottom:.6rem}
svg{width:100%;height:auto;display:block}
svg .ax line{stroke:var(--ink);stroke-width:1}
svg .est{fill:#e9ebee;stroke:#9aa0a6}svg .win{fill:#c9d7e0;stroke:var(--acc)}svg .day{fill:var(--acc)}
svg .tx text{font:12px Inter,sans-serif;fill:var(--ink)}svg .tx .in,svg .tx .sm{fill:var(--ink2);font-size:11px}
table{width:100%;border-collapse:collapse;font:.88rem/1.45 var(--sans);margin:1.4rem 0;display:block;overflow-x:auto}
th,td{padding:.5rem .7rem;text-align:left;border-bottom:1px solid var(--rule);white-space:nowrap}
thead th{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-weight:500}
table.num td+td,table.num th+th{text-align:right;font-variant-numeric:tabular-nums}
caption{white-space:normal;max-width:740px}
.callout{margin:1.5rem 0;padding:1rem 1.2rem;border-left:3px solid var(--acc);background:var(--wash);font-size:.98rem}
.callout strong{font-family:var(--sans);font-size:.88rem}
.refs li{font-size:.95rem}.meta{font:.85rem/1.5 var(--sans);color:var(--meta)}
@media(max-width:900px){.page{grid-template-columns:1fr}aside{display:none}}
@media print{.top,aside{display:none}.page{display:block}}
