:root { --ink:#0E1A20; --fog:#1F3A42; --bone:#E9E4D8; --ash:#8FA3A6; --rain:#63C7C9; --haze:#E8A23A; --ember:#7A3A12; }
html, body { margin:0; background:var(--ink); color:var(--bone); font-family:"Big Shoulders Text","Arial Narrow","Helvetica Neue",sans-serif; }
body { min-height:100vh; position:relative; overflow-x:hidden; }
.fog { position:fixed; border-radius:50%; pointer-events:none; filter:blur(36px); }
.fog.a { left:-160px; top:-120px; width:640px; height:520px; background:radial-gradient(closest-side, #4A3320E6, #4A332000); }
.fog.b { right:-200px; bottom:-80px; width:680px; height:560px; background:radial-gradient(closest-side, #63C7C955, #63C7C900); }
main { position:relative; max-width:640px; margin:0 auto; padding:10vh 24px 96px; }
.crumb { color:var(--ash); font-size:16px; } .crumb a { color:var(--ash); text-decoration:none; } .crumb a:hover { color:var(--haze); }
h1 { font-family:"Big Shoulders Display","Arial Narrow",sans-serif; font-weight:300; font-size:clamp(40px,8vw,64px); line-height:1; margin:10px 0 0; }
h2 { font-weight:400; font-size:24px; margin:40px 0 8px; }
p, li { color:var(--ash); font-size:18px; line-height:1.45; text-wrap:pretty; } p { margin:12px 0 0; }
ul { padding-left:22px; margin:8px 0 0; }
strong { color:var(--bone); font-weight:500; }
.updated { margin-top:48px; color:var(--ash); font-size:14px; font-family:"IBM Plex Mono",Menlo,monospace; }
a { color:var(--rain); } a:hover { color:var(--haze); }