*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#1a1a1a;--fg:#d4d4d4;--muted:#888;--accent:#4a9eff;
  --border:#333;--hover:#242424;
}
body{background:var(--bg);color:var(--fg);font:14px/1.6 ui-monospace,monospace}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
kbd{background:#2a2a2a;border:1px solid var(--border);border-radius:3px;padding:1px 6px;font:12px ui-monospace,monospace;color:var(--fg);white-space:nowrap}
code{background:var(--hover);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font:12px ui-monospace,monospace;color:var(--fg)}
pre{background:var(--hover);border:1px solid var(--border);border-radius:4px;padding:14px 16px;overflow-x:auto;margin-bottom:16px}
pre code{background:none;border:none;padding:0;font-size:12px}

/* Nav — shared across all pages */
nav{border-bottom:1px solid var(--border);padding:0 40px;height:52px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.nav-brand{font-size:16px;font-weight:700;color:var(--fg);letter-spacing:-0.3px}
.nav-brand:hover{color:var(--accent);text-decoration:none}
.nav-links{display:flex;gap:28px;align-items:center;font-size:13px}
.nav-links a{color:var(--muted)}
.nav-links a:hover{color:var(--fg);text-decoration:none}
.nav-links a.active{color:var(--fg)}
.nav-signin{background:var(--accent);color:#fff!important;padding:5px 14px;border-radius:4px;font-weight:600}
.nav-signin:hover{opacity:.9;text-decoration:none}
@media(max-width:600px){nav{padding:0 20px}.nav-links{gap:16px}}