:root{--paper:#EEF1EF;--card:#FFFFFF;--ink:#1B2524;--slate:#5C6B67;--line:#CFD8D4;--copper:#B0602C;--copper-ink:#A15828;
  --sans:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace}
@media (prefers-color-scheme:dark){:root{--paper:#111615;--card:#18201F;--ink:#E5EBE8;--slate:#9AA8A3;--line:#2A3533;--copper:#E08A55;--copper-ink:#E08A55}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--sans)}
a{color:var(--copper-ink);text-underline-offset:3px}
:focus-visible{outline:3px solid var(--copper);outline-offset:3px;border-radius:4px}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--line);padding:18px 0}
header a{color:var(--ink);text-decoration:none;font-weight:700}
header span{font:500 .8rem var(--mono);color:var(--slate);margin-left:8px}
.draft{background:var(--card);border:2px solid var(--copper);border-radius:12px;padding:14px 18px;margin:32px 0 8px;font-size:.95rem}
h1{font-size:2.1rem;line-height:1.15;margin:28px 0 6px}
.meta{color:var(--slate);font:500 .85rem var(--mono);margin:0 0 28px}
h2{font-size:1.2rem;margin:34px 0 10px}
p,li{color:var(--ink)}
ul{padding-left:22px}
code{font-family:var(--mono);font-size:.9em}
.ph{background:color-mix(in srgb,var(--copper) 16%,transparent);padding:0 4px;border-radius:4px}
footer{border-top:1px solid var(--line);margin-top:56px;padding:26px 0 48px;color:var(--slate);font-size:.9rem}
footer a{color:var(--slate);margin-right:16px}