@font-face{font-family:"Plex Sans";src:url("fonts/IBMPlexSans-Light.woff2") format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Plex Sans";src:url("fonts/IBMPlexSans-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex Sans";src:url("fonts/IBMPlexSans-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Plex Sans";src:url("fonts/IBMPlexSans-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Plex Mono";src:url("fonts/IBMPlexMono-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
:root{color-scheme:dark;--paper:#0b0f14;--ground:#0b0f14;--ink:#e8eef2;--muted:#aebac5;--line:#2b3b48;--accent:#81c8ff;--warm:#f3c577;font-family:"Plex Sans",Arial,sans-serif}
body{background:var(--ground);color:var(--ink);font-family:"Plex Sans",Arial,sans-serif;font-size:17px;line-height:1.65}
a{color:var(--accent);text-underline-offset:4px}
.site-head{height:68px;border-color:#23303b;background:rgba(11,15,20,.94);backdrop-filter:blur(12px)}
.wordmark{color:var(--ink);font-weight:600;letter-spacing:-.02em}
.wordmark span{color:var(--muted)}
.head-status{color:var(--muted);font:12px "Plex Mono",monospace;letter-spacing:.04em}
.head-previous{font-size:13px;color:var(--muted);white-space:nowrap;text-decoration:none}
.head-previous:hover,.head-previous:focus-visible{color:var(--accent);text-decoration:underline}
#print-button{background:#14212b;border-color:#4b718a;color:var(--accent);font-size:13px}
#print-button:hover,#print-button:focus-visible{background:#1c3445;outline:2px solid var(--accent);outline-offset:2px}
.hero{padding-top:60px}
.hero-meta{color:var(--accent);font:12px "Plex Mono",monospace;letter-spacing:.08em}
.hero h1{font-family:"Plex Sans",Arial,sans-serif;font-size:clamp(4.5rem,8vw,7rem);line-height:1.03;letter-spacing:-.055em;font-weight:300;max-width:1150px;margin:19px 0 4px}
.hero h1 em{color:var(--accent);font-weight:400}
.hero-subtitle{font-size:clamp(1.55rem,3.3vw,2.7rem);font-weight:400;line-height:1.2;letter-spacing:-.025em;margin:0 0 20px;color:var(--ink)}
.hero-status{display:inline-block;border:1px solid var(--accent);color:var(--accent);padding:5px 10px;margin:0 0 24px;font:13px "Plex Mono",monospace;letter-spacing:.05em}
.hero-deck{font-family:"Plex Sans",Arial,sans-serif;font-size:clamp(1.15rem,2vw,1.44rem);line-height:1.5;max-width:850px;color:#c3ced7;font-weight:300}
.hero-figure img,.diagram-figure img{border:1px solid #314658;border-radius:18px;background:#101720}
.wide-figure img{border:7px solid #243340;border-radius:11px;background:#fff}
figcaption{color:var(--muted);font-size:14px}
figcaption strong{color:var(--ink);font-weight:600}
.reading-layout{grid-template-columns:220px minmax(0,820px);gap:80px}
.toc-title{color:var(--accent);font:11px "Plex Mono",monospace;letter-spacing:.15em}
.toc a{color:#a2b3be;border-color:#25343e}
.toc a:hover,.toc a.active{color:var(--accent)}
.paper{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:14px 0 20px;font-family:"Plex Sans",Arial,sans-serif;font-size:17px;line-height:1.72}
.paper h1,.paper h2{font-weight:400;color:var(--ink);scroll-margin-top:95px}
.paper h1{border-color:var(--line)}
.paper p{color:#d2dce3}
.paper strong{font-weight:600;color:#f0f5f7}
.paper em{color:#c1d6e1}
.paper hr{background:var(--line)}
.paper table{font-family:"Plex Sans",Arial,sans-serif}
.paper th{background:#142532;color:var(--accent);font-family:"Plex Mono",monospace;letter-spacing:.035em}
.paper td,.paper th{border-color:#2c3b47}
.paper td:first-child{color:#e5eef3;font-weight:500}
.paper .diagram-figure,.paper .wide-figure{margin:42px -12px 61px}
.paper .wide-figure{max-width:790px}
.paper .diagram-figure figcaption,.paper .wide-figure figcaption{font-family:"Plex Sans",Arial,sans-serif}
.site-foot{border-color:var(--line)}
.site-foot strong{color:var(--ink)}
@media(max-width:1000px){.reading-layout{grid-template-columns:1fr;gap:25px}.toc a{border-color:var(--line)}.paper{border-top:0}.paper .diagram-figure,.paper .wide-figure{margin-left:0;margin-right:0}}
@media(max-width:620px){.site-head{height:60px}.hero{padding-top:42px}.hero-meta{font-size:10px;gap:6px;flex-direction:column}.hero h1{font-size:clamp(3.8rem,15vw,5.5rem);margin-top:25px}.hero-subtitle{font-size:1.55rem}.hero-deck{font-size:18px}.paper{font-size:16px;line-height:1.68}.paper .diagram-figure,.paper .wide-figure{margin:32px 0 45px}.paper table{display:block;overflow-x:auto}.hero-figure img,.diagram-figure img,.wide-figure img{min-width:720px}}
@media print{@page{size:A4;margin:18mm 16mm}:root{color-scheme:light;--paper:#fff;--ground:#fff;--ink:#17222b;--muted:#526576;--line:#d4dce2;--accent:#176da3}body{background:#fff;color:var(--ink)}.hero h1{color:#17222b;font-size:44pt}.hero h1 em{color:#176da3}.hero-subtitle{color:#17222b;font-size:21pt}.hero-status{color:#176da3;border-color:#176da3}.hero-deck{color:#344854}.paper{border:0;padding:0}.paper h1,.paper h2{color:#17222b}.paper p{color:#263844}.paper strong{color:#142b3b}.paper em{color:#34566a}.paper th{background:#eaf2f6;color:#176da3}.paper td,.paper th{border-color:#d4dce2}.paper td:first-child{color:#142b3b}.hero-figure img,.diagram-figure img,.wide-figure img{border:0}.paper .diagram-figure,.paper .wide-figure{margin:8mm 0}.paper .diagram-figure img,.paper .wide-figure img{max-height:115mm}figcaption,figcaption strong{color:#465c68}}