:root{color-scheme:light dark;--bg:#fff;--text:#161a16;--muted:#4b5650;--accent:#1f5f00;--line:#d5dcd3;--panel:#f3f6f1}
@media(prefers-color-scheme:dark){:root{--bg:#0b100d;--text:#f0f5ed;--muted:#b4c2b2;--accent:#c5ff3b;--line:#2c382d;--panel:#141d16}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 system-ui,-apple-system,"PingFang SC",sans-serif}
main{max-width:720px;margin:0 auto;padding:28px max(16px,env(safe-area-inset-right)) 56px max(16px,env(safe-area-inset-left))}
h1{font-size:clamp(28px,7vw,40px);line-height:1.2;margin:.3em 0}
h2{font-size:20px;margin:1.8em 0 .4em}
p,li{color:var(--muted)}li{margin:.3em 0}
a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.eyebrow{color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.16em;margin:0}
.lang{display:inline-flex;align-items:center;min-height:44px}
.box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px 16px;margin:16px 0}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{border-top:1px solid var(--line);padding:8px 6px;text-align:left;vertical-align:top;color:var(--muted)}
th{color:var(--text)}
.scroll{overflow-x:auto}
hr{border:0;border-top:1px solid var(--line);margin:48px 0 8px}
footer{margin-top:32px;border-top:1px solid var(--line);padding-top:12px}
footer a{display:inline-flex;align-items:center;min-height:44px;margin-right:16px}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}