:root { --fg:#1f2328; --muted:#656d76; --bg:#fff; --alt:#f6f8fa; --line:#d0d7de; --accent:#0969da; }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.6 system-ui,sans-serif; color:var(--fg); background:var(--bg); }
header { display:flex; justify-content:space-between; align-items:center; padding:.8rem 1.5rem; background:var(--alt); border-bottom:1px solid var(--line); }
header .brand { font-weight:600; color:var(--fg); text-decoration:none; }
nav a { margin-left:1.2rem; color:var(--muted); text-decoration:none; }
nav a:hover, a { color:var(--accent); }
main { max-width:48rem; margin:2rem auto; padding:0 1.5rem; }
pre, code { background:var(--alt); border-radius:4px; font-size:.9em; }
code { padding:.1em .3em; }
pre { padding:1rem; overflow-x:auto; border:1px solid var(--line); }
pre code { padding:0; }
table { border-collapse:collapse; }
th, td { border:1px solid var(--line); padding:.4rem .8rem; }
footer { max-width:48rem; margin:3rem auto 1rem; padding:0 1.5rem; color:var(--muted); font-size:.85em; }