.subnav{position:sticky;top:41px;z-index:50;display:flex;align-items:center;gap:6px 16px;flex-wrap:wrap;padding:9px 18px;font:11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;background:color-mix(in srgb,var(--head-bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);color:var(--muted)}
.subnav a{color:inherit;text-decoration:none;white-space:nowrap}
.subnav a:hover,.subnav a:focus-visible,.subnav a[aria-current="page"]{color:var(--accent)}
.subnav b{color:var(--ink);font-weight:700;margin-right:10px}
.subnav span{opacity:.5}
@media(max-width:790px){.subnav{top:64px}}
@media(max-width:480px){.subnav{top:58px;padding:8px 10px;gap:4px 12px}}

.note .hero{padding-top:calc(var(--site-header-height,65px) + 48px)}
.note .hero h1{max-width:16ch}
.note .hero .lede{max-width:46ch}
.note .meta{font:12px/1.7 var(--mono);letter-spacing:.06em;color:var(--muted);margin:28px 0 0}
.note .section h3{margin-top:40px}
.note code{font:.84em/1.4 var(--mono);background:var(--accent-soft);border:1px solid var(--line);border-radius:2px;padding:1px 5px;overflow-wrap:anywhere}
.note .table-wrap{overflow-x:auto;margin:28px 0;border:1px solid var(--line);background:var(--paper)}
.note .data{border-collapse:collapse;width:100%;min-width:620px;font-size:16px;line-height:1.5;text-align:left;font-variant-numeric:tabular-nums}
.note .data th{font:11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);background:var(--panel);white-space:nowrap}
.note .data th,.note .data td{padding:12px 15px;border-bottom:1px solid var(--line);vertical-align:top}
.note .data tbody tr:last-child td{border-bottom:0}
.note .data td{color:var(--muted)}
.note .data td:first-child,.note .data td.hit{color:var(--ink);font-weight:700}
.note .data td.hit{color:var(--accent)}
.note .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:34px}
.note .stats div{background:var(--paper);padding:24px 22px}
.note .stats b{display:block;font:clamp(28px,3.6vw,40px)/1.02 var(--display-face);color:var(--accent);margin-bottom:10px;font-variant-numeric:tabular-nums}
.note .stats span{font-size:15px;line-height:1.45;color:var(--muted);display:block}
.note .correction{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--panel);padding:22px 26px;margin:28px 0;max-width:76ch}
.note .correction .label{display:block;margin-bottom:8px}
.note .correction p:last-child{margin-bottom:0}
.note ol.findings{padding-left:1.3em;max-width:70ch}
.note ol.findings li{margin-bottom:16px}
.note .card h3 a{color:inherit;text-decoration:none}
.note .card h3 a:hover{color:var(--accent)}
.note a.card{display:block;text-decoration:none;color:inherit}
.note a.card:hover{border-color:var(--accent);filter:none}
@media(max-width:760px){.note .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.note .hero{padding-top:calc(var(--site-header-height,65px) + 32px)}}


/* Figures: tokens mapped onto each philosophy. */
html[data-philosophy="receipt"]{--c-ours:var(--accent);--c-lda:#c98a5f;--c-xgb:var(--cool);--c-rf:#8d8578;--c-knn:#4f7f6f;--c-stat:#a8946f;
--axis:#b4a78f;--band:#f1ebe0;--rule:var(--line);--th:#efe8dc;--seq1:#e2bf9f;--seq2:#c98a5f;--seq3:#a45c30;--seq4:#6a2f12;
--ok:var(--good);--ok-soft:#e4efe8;--bad:var(--warn);--bad-soft:#f6e3e0}
html[data-philosophy="atlas"]{--c-ours:var(--accent);--c-lda:#b98524;--c-xgb:var(--cool);--c-rf:#8a877b;--c-knn:#8ad17f;--c-stat:#c2ad86;
--axis:#5a574b;--band:#1c1b16;--rule:var(--line);--th:#1c1b16;--seq1:#5a4410;--seq2:#8f6a14;--seq3:#c99212;--seq4:#ffcf66;
--ok:var(--good);--ok-soft:#16200f;--bad:var(--warn);--bad-soft:#2a140e}
html[data-philosophy="instrument"]{--c-ours:var(--accent);--c-lda:#3fae9e;--c-xgb:var(--cool);--c-rf:#7d8a99;--c-knn:#c3a6ff;--c-stat:#c2ad86;
--axis:#3a4a5c;--band:#111b27;--rule:var(--line);--th:#111b27;--seq1:#1d4a45;--seq2:#2c7d73;--seq3:#44b8a8;--seq4:#a7f5e8;
--ok:var(--good);--ok-soft:#0f2219;--bad:var(--warn);--bad-soft:#2a1510}
.note figure.fig{margin:30px 0}
.note .fig-scroll{overflow-x:auto}
.note figure.fig svg{min-width:600px}
.note figure.fig figcaption{font-size:15px;line-height:1.5;color:var(--muted);margin-top:12px;max-width:80ch}
.note figure.fig figcaption .fig-n{color:var(--ink);font-weight:700}
.note figure.fig figcaption .src{display:block;margin-top:6px;font:11px/1.5 var(--mono);opacity:.85;overflow-wrap:anywhere}
/* Figure text uses fonts with the metrics the figures were laid out for (system sans for labels, system mono for numbers);
   the site's typewriter mono is much wider and made labels spill out of their boxes. No external assets. */
.note .fig svg text{font:11.5px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",sans-serif;fill:var(--muted)}
.note .fig svg .tn,.note .fig svg .tv,.note .fig svg .cv,.note .fig svg .chip,.note .fig svg .chipsm,.note .fig svg .eb{font-family:ui-monospace,Menlo,Consolas,"Liberation Mono",monospace}
.note .fig svg .tn{font-size:10.5px}
.note .fig svg .tv,.note .fig svg .cv{fill:var(--ink)}
.note .fig svg .tv{font-size:10.5px}
.note .fig svg .cv{font-size:12.5px;font-weight:700}
.note .fig svg .lb,.note .fig svg .lg{fill:var(--ink);font-size:11.5px}
.note .fig svg .gt,.note .fig svg .bx{fill:var(--ink);font-size:12px;font-weight:700}
.note .fig svg .eb{font-size:10px;letter-spacing:.08em}
.note .fig svg .bs{font-size:10px}
.note .fig svg .chip{font-size:11px;fill:var(--accent)}
.note .fig svg .chipsm{font-size:10px;fill:var(--ink)}
.note a.figref{text-decoration:none;border-bottom:1px dotted var(--accent);color:var(--accent)}
.note p,.note li,.note figcaption{overflow-wrap:break-word}#references li,.note li a,.note p a{overflow-wrap:anywhere}
/* Phones: figures keep a legible 600 px width inside their own sideways scroller; say so, and give the reading space back. */
@media(max-width:700px){.note figure.fig::before{content:"Swipe the figure sideways →";display:block;font:11px/1.4 var(--mono);
letter-spacing:.06em;color:var(--muted);margin-bottom:6px}.note .fig-scroll{scrollbar-width:thin}}
@media(max-width:480px){.subnav{position:static}}
.note .paper-body h3{margin-top:36px}
.note .paper-body ol,.note .paper-body ul{max-width:76ch}
.note .paper-body p{max-width:76ch}
.note .paper-body li{margin-bottom:8px}
.note .paper-body .data th,.note .paper-body .data td{min-width:4.6em}