:root{--bg:#e8ebe5;--panel:#f5f6f2;--ink:#17201a;--muted:#5a665d;--line:#cdd4ca;--accent:#2b6b4d;--warn:#8a5200;--warn-bg:#f8ecd2;color-scheme:light}
@media (prefers-color-scheme: dark){:root{--bg:#121613;--panel:#191e1a;--ink:#e4eae3;--muted:#96a298;--line:#2b342d;--accent:#6cc394;--warn:#f2b860;--warn-bg:#2b2314;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "IBM Plex Sans","Segoe UI",system-ui,sans-serif;padding:0 max(16px,env(safe-area-inset-left,0px)) 0 max(16px,env(safe-area-inset-right,0px))}
main{max-width:68ch;margin:0 auto;padding:28px 0 60px}
a{color:var(--accent)}
.back{font-weight:600;text-decoration:none}
h1{font:800 34px/1.15 "Bricolage Grotesque","Segoe UI",system-ui,sans-serif;letter-spacing:-.02em;margin:18px 0 4px;text-wrap:balance}
h2{font:700 20px/1.3 "Bricolage Grotesque","Segoe UI",system-ui,sans-serif;margin:30px 0 6px}
.updated{color:var(--muted);margin:0 0 18px}
.draft{background:var(--warn-bg);color:var(--warn);border-radius:8px;padding:12px 14px;font-size:14px}
mark{background:var(--warn-bg);color:var(--warn);padding:0 3px;border-radius:3px}