:root { --fg:#1f2933; --muted:#52606d; --line:#d9e2ec; --bg:#fff; --soft:#f5f7fa; --accent:#0b5cad; }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color:var(--fg); background:var(--bg); }
.wrap { max-width:46rem; margin:0 auto; padding:0 1rem; }
.top { border-bottom:1px solid var(--line); background:var(--soft); }
.top .wrap { display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; align-items:center; justify-content:space-between; padding-top:.75rem; padding-bottom:.75rem; }
.brand { font-weight:600; color:var(--fg); text-decoration:none; }
nav a { margin-right:1rem; }
a { color:var(--accent); }
h1 { font-size:1.9rem; line-height:1.25; margin:1.5rem 0 .5rem; }
h2 { font-size:1.3rem; margin:2rem 0 .5rem; }
h3 { font-size:1.05rem; margin:1.25rem 0 .25rem; }
table { border-collapse:collapse; width:100%; margin:1rem 0; font-size:.95rem; }
th, td { border:1px solid var(--line); padding:.45rem .6rem; text-align:left; vertical-align:top; }
th { background:var(--soft); }
.lead { font-size:1.1rem; color:var(--muted); }
.card { border:1px solid var(--line); border-radius:8px; padding:1rem 1.25rem; margin:1rem 0; background:var(--soft); }
.note { border-left:4px solid var(--line); padding:.25rem 1rem; color:var(--muted); }
footer { border-top:1px solid var(--line); margin-top:3rem; padding:1rem 0 2rem; color:var(--muted); font-size:.9rem; }
footer p { margin:.4rem 0; }
code { background:var(--soft); padding:.1rem .3rem; border-radius:3px; }