:root { --bg:#f7f8fa; --fg:#0c1d36; --muted:#5b6b82; --line:#e2e6ec; --card:#fff; --accent:#1f6feb; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#0c1116; --fg:#e8edf4; --muted:#9aa7b8; --line:#1e2733; --card:#131a22; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  -webkit-text-size-adjust:100%; }
.wrap { max-width:720px; margin:0 auto; padding:32px 20px 72px; }
header { border-bottom:1px solid var(--line); padding-bottom:20px; margin-bottom:28px; }
h1 { font-size:26px; margin:0 0 6px; letter-spacing:-.02em; }
h2 { font-size:19px; margin:34px 0 10px; letter-spacing:-.01em; }
h3 { font-size:16px; margin:22px 0 6px; }
p, li { color:var(--fg); }
.muted { color:var(--muted); font-size:14px; margin:0; }
a { color:var(--accent); }
ul { padding-left:20px; }
li { margin:6px 0; }
table { width:100%; border-collapse:collapse; margin:14px 0; font-size:14px; display:block; overflow-x:auto; }
th, td { text-align:left; padding:9px 10px; border-bottom:1px solid var(--line); vertical-align:top; }
th { color:var(--muted); font-weight:600; white-space:nowrap; }
.card { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:16px 18px; margin:18px 0; }
.lang { display:flex; gap:10px; margin-bottom:22px; }
.lang a { text-decoration:none; border:1px solid var(--line); background:var(--card);
  padding:6px 14px; border-radius:999px; font-size:14px; }
.lang a[aria-current="true"] { border-color:var(--accent); color:var(--accent); }
footer { margin-top:44px; padding-top:18px; border-top:1px solid var(--line); }
code { background:var(--card); border:1px solid var(--line); border-radius:5px; padding:1px 5px; font-size:13px; }