:root{--bg:#f3f5f0;--surface:#fff;--ink:#17211a;--muted:#586659;--line:#d3dbd1;--accent:#1f5a3c;--accent-ink:#fff;--blaze:#d4500f;--sign:#23432f;--sign-ink:#f3efe2;--f-display:"Bitter", "Rockwell", "Roboto Slab", Georgia, serif;--f-ui:"Overpass", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--r:6px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111713;--surface:#18201b;--ink:#e3eae4;--muted:#9aaa9d;--line:#2b372f;--accent:#7cc49a;--accent-ink:#0d1a12;--blaze:#ff8a4c;--sign:#1e3a28;--sign-ink:#efe9d6;color-scheme:dark}}:root[data-theme=dark]{--bg:#111713;--surface:#18201b;--ink:#e3eae4;--muted:#9aaa9d;--line:#2b372f;--accent:#7cc49a;--accent-ink:#0d1a12;--blaze:#ff8a4c;--sign:#1e3a28;--sign-ink:#efe9d6;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0}body{font:17px/1.6 var(--f-ui)}a{color:var(--accent)}:focus-visible{outline:2px solid var(--blaze);outline-offset:2px}h1,h2,h3{font-family:var(--f-display);text-wrap:balance;line-height:1.15}img{max-width:100%;height:auto}.wrap{max-width:1120px;padding:0 max(16px, env(safe-area-inset-left));margin:0 auto}.narrow{max-width:720px}.top{background:var(--sign);color:var(--sign-ink)}.top .wrap{flex-wrap:wrap;align-items:center;gap:20px;padding-block:12px;display:flex}.brand{color:inherit;font:700 22px var(--f-display);align-items:center;gap:10px;text-decoration:none;display:flex}.blaze{background:var(--blaze);border-radius:1px;width:9px;height:18px}.nav{flex-wrap:wrap;gap:4px;margin-left:auto;display:flex}.nav a{color:var(--sign-ink);border-radius:var(--r);opacity:.85;padding:6px 12px;font-size:15px;font-weight:600;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{opacity:1;background:#ffffff24}main{padding-block:32px 56px}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.lede{color:var(--muted);max-width:60ch;font-size:20px}.hero{padding-block:24px 8px}.hero h1{margin:6px 0 12px;font-size:clamp(34px,6vw,56px)}.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:6px;padding:18px;display:flex}.card h2,.card h3{margin:0;font-size:21px}.card a{color:var(--ink);text-decoration:none}.card a:hover{color:var(--accent);text-decoration:underline}.meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:14px;display:flex}.tag{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:0 9px;font-size:12.5px;display:inline-block}.btn{background:var(--accent);color:var(--accent-ink);border-radius:var(--r);padding:9px 16px;font-weight:700;text-decoration:none;display:inline-block}.btn-quiet{color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent);background:0 0}.actions{flex-wrap:wrap;gap:10px;display:flex}.chips{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.chips .tag{background:var(--surface);padding:3px 12px;font-size:15px}.note{color:var(--muted);font-size:15px}.section{margin-top:44px}.section>h2{margin-bottom:12px;font-size:26px}.empty{color:var(--muted)}.prose{font-size:18px}.prose h2{margin-top:1.6em;font-size:28px}.prose h3{margin-top:1.4em;font-size:22px}.prose blockquote{border-left:3px solid var(--blaze);color:var(--muted);margin:1.2em 0;padding-left:16px}.prose code{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:0 4px;font-size:.9em}.prose pre{border-radius:var(--r);padding:14px;overflow-x:auto}.draft-note{background:color-mix(in srgb, var(--blaze) 12%, var(--surface));border:1px solid var(--blaze);border-radius:var(--r);padding:8px 12px;font-size:14px}footer{border-top:1px solid var(--line);color:var(--muted);font-size:14px}footer .wrap{flex-wrap:wrap;gap:6px 20px;padding-block:18px 32px;display:flex}.comments{border-top:1px solid var(--line);margin-top:56px;padding-top:8px}.comments>h2{margin-bottom:12px;font-size:26px}.comments .count{font:600 15px var(--f-ui);color:var(--muted);margin-left:6px}.comments .posts{flex-direction:column;gap:10px;margin:0 0 20px;padding:0;list-style:none;display:flex}.comments .post{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.comments .post.empty{color:var(--muted)}.comments .post p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.comments .by,.comments .who{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.comments .by{color:var(--muted);font-size:14px}.comments .by b{color:var(--ink)}.comments .by img,.comments .who img{border-radius:50%;width:24px;height:24px}.comments .acts{gap:12px;font-size:14px;display:flex}.comments .account,.comments .cform{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:10px;margin-bottom:14px;padding:14px;display:flex}.comments .account{font-size:15px}.comments .account p{margin:0}.comments .row{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.comments .field{flex-direction:column;gap:4px;display:flex}.comments label{font-size:15px;font-weight:700}.comments input,.comments textarea{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--r);width:100%;min-width:0;padding:8px 10px;font-size:16px}.comments textarea{resize:vertical;min-height:96px}.comments .authform{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:10px 12px;display:grid}.comments .authform .row,.comments .authform .fmsg{grid-column:1/-1}.comments [hidden]{display:none}.comments button.btn{font:inherit;cursor:pointer;border:0;font-weight:700}.comments button.btn[disabled]{opacity:.5;cursor:default}.comments .note{margin:0;font-size:14px}.linkish{font:inherit;color:var(--accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.badge{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border:1px solid;border-radius:3px;padding:1px 7px;font-size:11px;font-weight:700}.notice{border-radius:var(--r);background:color-mix(in srgb, var(--accent) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);margin:0 0 12px;padding:8px 10px;font-size:14px}.notice.err{background:color-mix(in srgb, var(--blaze) 10%, var(--surface));border-color:color-mix(in srgb, var(--blaze) 45%, transparent)}
