:root { --ink:#16181d; --muted:#5b6069; --paper:#fcfcfa; --line:#e2e2dc; --accent:#0a5cff; }
* { box-sizing:border-box }
body { margin:0; font-family:ui-sans-serif,system-ui,sans-serif; color:var(--ink); background:var(--paper); line-height:1.65 }
nav { display:flex; gap:1.25rem; align-items:center; padding:0.9rem 2rem; border-bottom:1px solid var(--line); background:#fff; position:sticky; top:0 }
nav strong { margin-right:1rem }
nav a { color:var(--muted); text-decoration:none } nav a.on, nav a:hover { color:var(--accent) }
main { max-width:46rem; margin:0 auto; padding:2.5rem 1.5rem 5rem }
h1 { font-size:1.8rem } h2 { margin-top:2.2rem; border-bottom:1px solid var(--line); padding-bottom:0.3rem }
pre { background:#14161a; color:#e8e8e3; padding:1rem; border-radius:10px; overflow-x:auto; font-size:0.85rem }
code { font-family:ui-monospace,Menlo,monospace; font-size:0.9em }
:not(pre) > code { background:#eeeee8; padding:0.1em 0.35em; border-radius:5px }
blockquote { border-left:3px solid var(--accent); margin:1rem 0; padding:0.2rem 1rem; color:var(--muted) }
table { border-collapse:collapse } td,th { border:1px solid var(--line); padding:0.4rem 0.7rem }
nav .spacer { flex: 1 }