:root{--max:980px;--pad:24px;--bg:#06090a;--panel:#080d0f;--line:#1c272b;--line-soft:#11191c;--text:#d8e0df;--muted:#7f8f91;--dim:#4d5b5e;--accent:#b9c7c6}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 240px),radial-gradient(circle at 80% 0%,rgba(120,150,150,.06),transparent 360px),var(--bg);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;line-height:1.65}
a{color:inherit;text-decoration:none}
a:hover{color:var(--text)}
.site-header{position:sticky;top:0;background:rgba(6,9,10,.94);border-bottom:1px solid var(--line);z-index:20;backdrop-filter:blur(8px)}
.nav{max-width:var(--max);margin:auto;padding:16px var(--pad);display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.brand{margin-right:auto;color:var(--text);font-size:13px;letter-spacing:.18em;text-transform:uppercase}
.nav a{color:var(--muted);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.nav a[aria-current="page"]{color:var(--text)}
main{max-width:var(--max);margin:auto;padding:52px var(--pad) 90px}
.hero{border-bottom:1px solid var(--line);padding-bottom:44px;margin-bottom:30px}
.kicker,.eyebrow{color:var(--muted);font-size:11px;letter-spacing:.34em;text-transform:uppercase;margin-bottom:38px}
h1{margin:0;max-width:860px;overflow-wrap:anywhere;font-size:42px;line-height:1.08;letter-spacing:.025em;text-transform:uppercase;font-weight:500}
.intro,.deck{margin:34px 0 0;max-width:720px;color:var(--muted);font-size:15px}
.note-list{margin-top:12px}
.note-entry{border-top:1px solid var(--line-soft);padding:30px 0 34px;display:grid;grid-template-columns:180px 1fr;gap:36px}
.category{color:var(--dim);font-size:11px;letter-spacing:.22em;text-transform:uppercase;padding-top:4px}
.note-entry h2{margin:0 0 12px;font-size:19px;line-height:1.35;font-weight:500}
.note-entry p{margin:0 0 16px;max-width:680px;color:var(--muted);font-size:14px}
.read-link{color:var(--accent);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.article{max-width:760px}
.article .hero{margin-bottom:44px}
.article-body{max-width:700px}
.article-body h2{border-top:1px solid var(--line);padding-top:30px;margin:50px 0 20px;font-size:18px;line-height:1.35;font-weight:500}
.article-body p{margin:0 0 22px;color:var(--muted);font-size:15px}
.article-body h2+p{color:var(--text)}
.sequence{margin:0 0 24px;padding:0;list-style:none;color:var(--muted);font-size:15px}
.sequence li{border-top:1px solid var(--line-soft);padding:10px 0}
.source-note,.sources,.disclaimer,.context-path{border-top:1px solid var(--line);margin-top:54px;padding-top:24px;color:var(--dim);font-size:12px;line-height:1.75}
.sources h2{margin:0 0 16px;color:var(--dim);font-size:11px;letter-spacing:.28em;text-transform:uppercase;font-weight:500}
.sources ul{margin:0;padding-left:18px}
.sources li{margin:0 0 10px}
.sources a,.context-path a{color:var(--muted);border-bottom:1px solid var(--dim)}
.disclaimer{margin-top:30px}
.context-path{margin-top:22px}
footer{border-top:1px solid var(--line);padding:28px var(--pad);text-align:center;color:var(--dim);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.footer-meta{margin-top:18px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:none;line-height:1.7}
.footer-meta a{color:var(--text);border-bottom:1px solid var(--dim)}
@media(max-width:760px){main{padding:42px 20px 72px}.nav{gap:12px;padding:14px 20px}.brand{width:100%;margin-bottom:2px}h1{font-size:34px}.note-entry{grid-template-columns:1fr;gap:10px;padding:26px 0 30px}.article-body h2{margin-top:42px}.hero{padding-bottom:36px}}
@media(max-width:420px){h1{font-size:29px}.nav{gap:10px}.nav a{font-size:11px;letter-spacing:.12em}}