
:root{box-sizing:border-box;--bg:#eceef6;--panel:#f7f8fc;--ink:#1a1930;--mute:#62647f;--line:#d2d5e6;--acc:#3a3fd6;--warn:#fff1c2;--warn-ink:#5b4300}
@media (prefers-color-scheme:dark){:root{--bg:#13132a;--panel:#1c1c38;--ink:#eceefb;--mute:#9a9cc0;--line:#34345a;--acc:#8b90ff;--warn:#4a3b0d;--warn-ink:#ffe9a8}}
*,*::before,*::after{box-sizing:inherit}body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 "Onest",system-ui,sans-serif}
.wrap{max-width:780px;margin:0 auto;padding:max(24px,env(safe-area-inset-top,0px)) 20px calc(64px + env(safe-area-inset-bottom,0px))}
.logo{font:700 24px/1 "Unbounded",sans-serif;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.logo i{display:inline-block;width:.8em;height:.8em;border:3px solid var(--acc);margin-right:8px}
nav{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0 8px}nav a{color:var(--acc);font-weight:600}
h1{font:700 clamp(26px,5vw,40px)/1.15 "Unbounded",sans-serif;letter-spacing:-.03em;margin:28px 0 8px}h2{font:700 20px/1.3 "Unbounded",sans-serif;margin:34px 0 10px;letter-spacing:-.01em}
.lead{color:var(--mute);margin:0 0 18px}.draft{background:var(--warn);color:var(--warn-ink);border-radius:10px;padding:12px 16px;margin:18px 0;font-size:15px}
mark{background:var(--warn);color:var(--warn-ink);border-radius:4px;padding:0 4px}p{margin:0 0 12px}.ver{color:var(--mute);font-size:14px}
section.doc{margin-bottom:56px}hr{border:0;border-top:1px solid var(--line);margin:40px 0}footer{color:var(--mute);font-size:14px;margin-top:40px}
