:root { --fg:#1b1f24; --muted:#57606a; --line:#d0d7de; --bg:#ffffff; --accent:#0a58ca; --note:#f6f8fa; }
* { box-sizing: border-box; }
body { margin:0; font:15px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color:var(--fg); background:var(--bg); }
header, main, footer { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
header { border-bottom:1px solid var(--line); padding-top:12px; padding-bottom:8px; }
.brand { margin:0; font-weight:600; font-size:17px; } .brand span { color:var(--muted); font-weight:400; font-size:14px; }
nav a { margin-right:12px; font-size:14px; }
a { color:var(--accent); }
h1 { font-size:26px; margin:20px 0 8px; } h2 { font-size:19px; margin-top:28px; }
.lede { max-width: 820px; } .meta { color:var(--muted); }
.notice { background:var(--note); border:1px solid var(--line); padding:10px 12px; border-radius:6px; max-width: 980px; }
.tablewrap { overflow-x:auto; }
table { border-collapse:collapse; width:100%; font-size:14px; margin:8px 0 12px; }
caption { text-align:left; color:var(--muted); padding:4px 0; }
th, td { border:1px solid var(--line); padding:6px 8px; text-align:left; vertical-align:top; }
thead th { background:var(--note); }
table.kv { max-width: 760px; } table.kv th { width: 45%; font-weight:500; background:var(--note); }
code { background:var(--note); padding:1px 4px; border-radius:4px; word-break: break-all; }
footer { border-top:1px solid var(--line); margin-top:32px; padding-top:8px; padding-bottom:24px; color:var(--muted); font-size:13px; }