:root { --bg:#0b0e14; --panel:#11151f; --border:#1f2633; --text:#e6e9ef; --muted:#8b93a3; --accent:#d4a64a; }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.6 -apple-system, "Segoe UI", Roboto, sans-serif; background:var(--bg); color:var(--text); }
.layout { display:flex; min-height:100vh; }
nav { width:240px; flex-shrink:0; border-right:1px solid var(--border); padding:24px 16px; position:sticky; top:0; height:100vh; }
nav h1 { font-size:18px; color:var(--accent); margin:0 0 24px; }
nav a { display:block; color:var(--muted); text-decoration:none; padding:6px 10px; border-radius:6px; margin-bottom:2px; }
nav a:hover, nav a.active { color:var(--text); background:var(--panel); }
main { flex:1; max-width:860px; padding:40px 48px; }
h2 { border-bottom:1px solid var(--border); padding-bottom:8px; margin-top:40px; }
code { background:var(--panel); border:1px solid var(--border); border-radius:4px; padding:1px 6px; font-size:14px; }
pre { background:var(--panel); border:1px solid var(--border); border-radius:8px; padding:16px; overflow-x:auto; font-size:13px; line-height:1.5; }
pre code { background:none; border:none; padding:0; }
table { border-collapse:collapse; width:100%; font-size:14px; }
th, td { border:1px solid var(--border); padding:8px 12px; text-align:left; }
th { background:var(--panel); }
.callout { background:var(--panel); border-left:3px solid var(--accent); padding:12px 16px; border-radius:0 8px 8px 0; margin:16px 0; }