:root { --ink:#22252a; --dim:#6b7280; --line:#e5e7eb; --bg:#fcfcfb; --accent:#2f5d8a; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink);
  font:15px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
.wrap { max-width:760px; margin:0 auto; padding:0 24px; }
header { border-bottom:1px solid var(--line); background:#fff; }
header .wrap { display:flex; align-items:center; justify-content:space-between;
  height:58px; flex-wrap:wrap; }
.brand { font-weight:600; letter-spacing:.02em; }
nav a { color:var(--dim); text-decoration:none; margin-left:18px; font-size:14px; }
nav a:hover, nav a.on { color:var(--accent); }
main { padding:34px 0 48px; }
h1 { font-size:22px; font-weight:600; margin:0 0 14px; }
h2 { font-size:16px; font-weight:600; margin:28px 0 8px; }
p { margin:0 0 12px; }
ul { margin:0 0 12px; padding-left:20px; }
li { margin:4px 0; }
code { background:#f1f2f4; padding:1px 5px; border-radius:3px; font-size:13px; }
table { border-collapse:collapse; width:100%; margin:8px 0 14px; font-size:14px; }
th, td { text-align:left; padding:7px 10px; border-bottom:1px solid var(--line); }
th { color:var(--dim); font-weight:500; }
.muted { color:var(--dim); font-size:13px; }
footer { border-top:1px solid var(--line); padding:18px 0 34px; color:var(--dim); font-size:13px; }