:root{--ground:#F6F7F4;--panel:#FFFFFF;--ink:#15181B;--muted:#666D73;--rule:#DEDFD9;--live:#0B6E6E;--warn:#9C4A18}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ground:#0D1012;--panel:#14181A;--ink:#E9E7E1;--muted:#949A9E;--rule:#252A2D;--live:#4FD1C5;--warn:#E0904F}}
:root[data-theme="dark"]{--ground:#0D1012;--panel:#14181A;--ink:#E9E7E1;--muted:#949A9E;--rule:#252A2D;--live:#4FD1C5;--warn:#E0904F}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.wrap{max-width:44rem;margin:0 auto;padding:2.5rem 1.25rem 4rem}
h1{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:2.4rem;line-height:1.12;margin:.2rem 0 .3rem;text-wrap:balance}
h2{font-size:1.12rem;font-weight:600;margin:2.1rem 0 .5rem;text-wrap:balance}
p,li{color:var(--ink)}
.muted{color:var(--muted)}
a{color:var(--live)}
a:focus-visible{outline:2px solid var(--live);outline-offset:2px}
nav{display:flex;gap:1rem;font-size:.9rem;margin-bottom:1.6rem}
.lede{font-size:1.06rem;color:var(--muted);margin:.4rem 0 1.4rem}
.box{border:1px solid var(--rule);border-left:3px solid var(--warn);border-radius:6px;padding:.9rem 1.05rem;margin:1.3rem 0;background:var(--panel)}
.box p{margin:.3rem 0}
footer{margin-top:3rem;padding-top:1.2rem;border-top:1px solid var(--rule);color:var(--muted);font-size:.86rem}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}