:root{--bg:#030a18;--card:#0b1730;--tx:#e8eef9;--mu:#9fb0cc;--ac:#35d0e6;--ln:#1c2c4d}
@media(prefers-color-scheme:light){:root{--bg:#f6f9fd;--card:#fff;--tx:#0d1a33;--mu:#51617f;--ac:#0a7f93;--ln:#d5deec}}
*{box-sizing:border-box}html{scroll-padding-top:70px}
body{margin:0;background:var(--bg);color:var(--tx);font:17px/1.65 Georgia,"Times New Roman",serif;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
header{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--ln);padding:14px 20px;display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-family:system-ui,sans-serif;font-size:15px}
header a{color:var(--mu);text-decoration:none}header a:hover,header a[aria-current]{color:var(--ac)}
header .logo{font-weight:700;color:var(--tx);margin-right:auto;font-size:18px}
main{max-width:760px;margin:0 auto;padding:36px 20px 60px}
h1{font:700 clamp(30px,6vw,44px)/1.15 system-ui,sans-serif;margin:0 0 8px}
h2{font:600 22px/1.3 system-ui,sans-serif;margin:38px 0 8px;color:var(--ac)}
p,li{max-width:70ch}.mu{color:var(--mu)}
.note{border-left:3px solid var(--ac);background:var(--card);padding:12px 16px;margin:20px 0;font-family:system-ui,sans-serif;font-size:15px}
.warn{border-left-color:#ff6b6b}
table{width:100%;border-collapse:collapse;font:15px/1.5 system-ui,sans-serif;display:block;overflow-x:auto}
th,td{text-align:left;padding:10px;border-bottom:1px solid var(--ln);vertical-align:top}
details{border-bottom:1px solid var(--ln);padding:10px 0}summary{cursor:pointer;font:600 16px system-ui,sans-serif}
form{display:grid;gap:12px;font-family:system-ui,sans-serif}
input,textarea,select{width:100%;padding:11px;border:1px solid var(--ln);border-radius:6px;background:var(--card);color:var(--tx);font:inherit}
button,.btn{background:var(--ac);color:#031018;border:0;border-radius:6px;padding:12px 18px;font:600 16px system-ui,sans-serif;cursor:pointer;text-decoration:none;display:inline-block}
:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
footer{border-top:1px solid var(--ln);padding:24px 20px;text-align:center;font:14px system-ui,sans-serif;color:var(--mu)}
footer a{color:var(--mu);margin:0 8px}