body{margin:0;background:#0b0b0b;color:#e6ffe6;font-family:system-ui,Segoe UI,Arial,sans-serif;}
:root{--accent:#39ff14;--panel:#111;--border:#1f3;--muted:#9ad99a;}
.nav{position:fixed;left:0;top:0;bottom:0;width:280px;background:#0e0e0e;border-right:1px solid var(--border);padding:14px;overflow:auto}
.brand{font-weight:700;margin-bottom:4px}
.build{color:var(--muted);font-size:.85rem;margin-bottom:12px}
.group{color:#bdf0bd;margin-top:10px;margin-bottom:6px;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em}
.navlink{display:block;padding:6px 8px;border-left:3px solid transparent;color:#e6ffe6;text-decoration:none;margin:2px 0}
.navlink:hover{border-left-color:var(--accent);background:#131613}
.main{margin-left:280px;padding:18px 22px}
header{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.search{flex:1;background:#0f130f;border:1px solid var(--border);padding:8px;border-radius:8px;color:#e6ffe6}
#content .card{border:1px solid var(--border);background:#0e140e;border-radius:10px;padding:14px;margin-bottom:16px}
.card .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.chip{background:#173; padding:3px 8px;border-radius:999px;font-size:.8rem;color:#bdf0bd;margin-left:6px}
pre,code{background:#081108;border:1px solid #163816;color:#d5ffd5;border-radius:8px;padding:8px 10px;overflow:auto}
.toc{position:sticky; top:12px; border-left:1px dashed #275; padding-left:12px; color:#bdf0bd}
h1,h2,h3{color:#ccffcc}
small.muted{color:#a8d9a8}
.grid{display:grid; gap:12px}
.grid.cols-2{grid-template-columns:1fr 1fr}