:root{color-scheme:dark light;--bg:#17141A;--surface:#221D26;--ink:#F4EEF2;--ink-2:#B9ADB6;--line:#3A323F;--warn:#F2B866;--warn-bg:#2C2631}
@media (prefers-color-scheme:light){:root{--bg:#FBF7F3;--surface:#FFFFFF;--ink:#2A2226;--ink-2:#5E5258;--line:#E7DCD4;--warn:#8A5300;--warn-bg:#FFF4E2}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:1.0625rem;line-height:1.5}
main{max-width:65ch;margin:0 auto;padding:24px max(16px,env(safe-area-inset-right)) 48px max(16px,env(safe-area-inset-left));overflow-wrap:anywhere}
h1{font-size:1.75rem;line-height:1.2;font-weight:700;margin:24px 0 4px}
.sub{color:var(--ink-2);font-size:1.0625rem;margin:0 0 24px}
h2{font-size:1.3125rem;line-height:1.33;font-weight:700;margin:32px 0 8px;padding-top:24px;border-top:1px solid var(--line)}
p,ul,ol{margin:0 0 12px}ul,ol{padding-left:1.4em}li{margin:0 0 6px}
.draft{background:var(--warn-bg);color:var(--ink);border:2px solid var(--warn);border-radius:14px;padding:12px 16px;margin:0}