:root{--bg:#f2f2f7;--surface:#fff;--label:#1d1d1f;--label-2:rgba(60,60,67,.62);--accent:#007aff;--warn:rgba(255,149,0,.14);color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#000;--surface:#1c1c1e;--label:#fff;--label-2:rgba(235,235,245,.62);--accent:#0a84ff;--warn:rgba(255,159,10,.18);color-scheme:dark}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--label)}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top,0px)}
.doc{max-width:680px;margin:0 auto;padding:24px max(20px,env(safe-area-inset-right,0px)) 64px max(20px,env(safe-area-inset-left,0px))}
a{color:var(--accent);text-decoration:none}
h1{font-size:34px;line-height:1.1;letter-spacing:-.025em;margin:16px 0 4px}
h2{font-size:20px;letter-spacing:-.015em;margin:32px 0 6px}
p,li{color:var(--label)}
ul{padding-left:20px}li+li{margin-top:6px}
.upd,.back{color:var(--label-2);font-size:15px;margin:0}
.draft{background:var(--warn);border-radius:12px;padding:12px 14px;font-size:15px}