:root{
  --bg:#0b0c0f; --card:#12141a; --text:#e8ebf1; --muted:#97a0b3; --accent:#ffd166; --link:#89c2ff; --rule:#232a36;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0; font:16px/1.65 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial;
     color:var(--text); background:var(--bg); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
a{color:var(--link); text-decoration:none}
a:hover{text-decoration:underline}
header.site{position:sticky; top:0; z-index:1000; background:linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,0)), var(--card);
           border-bottom:1px solid var(--rule); backdrop-filter:saturate(140%) blur(8px)}
.headwrap{max-width:1200px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:14px}
.brand{display:flex;align-items:center;gap:10px}
.brand .dot{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(255,209,102,.15)}
.brand h1{margin:0;font-size:18px;letter-spacing:.25px}
.brand small{display:block;color:var(--muted);font-weight:600;letter-spacing:.3px}
.tools{margin-left:auto;display:flex;gap:8px;align-items:center}
.tools input[type="search"]{appearance:none;border:1px solid var(--rule);background:var(--card);color:var(--text);
  padding:8px 12px;border-radius:10px;width:280px}
.layout{display:grid;grid-template-columns:300px 1fr;max-width:1200px;margin:0 auto}
nav.sidebar{position:sticky;top:64px;height:calc(100svh - 64px);overflow:auto;padding:18px;border-right:1px solid var(--rule);background:var(--card)}
nav.sidebar h2{margin:2px 0 12px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.18em}
nav.sidebar a{display:block;padding:6px 8px;border-radius:8px;color:var(--text)}
nav.sidebar a:hover{background:rgba(255,255,255,.04)}
main{padding:28px}
.card{background:var(--card);border:1px solid var(--rule);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.35);padding:20px;margin:0 0 18px 0}
h2{margin:0 0 8px 0}
h3{margin:20px 0 8px 0}
h4{margin:18px 0 8px 0}
.kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:12px;margin-bottom:6px}
.rule{height:1px;background:linear-gradient(90deg,transparent,var(--rule),transparent);margin:14px 0}
.meta{color:var(--muted);font-weight:600;margin:-6px 0 10px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.btn{display:inline-block;border:1px solid var(--rule);background:var(--card);color:var(--text);border-radius:10px;padding:8px 10px;font-weight:700}
.notice{background:#173a1f;border:1px solid #2a6b38;color:#cfeedd;border-radius:12px;padding:10px 12px;font-weight:700;margin:8px 0}
blockquote{margin:12px 0;padding:10px 12px;background:#0f1117;border-left:4px solid var(--accent);border-radius:8px}
table{width:100%;border-collapse:collapse}
th,td{border:1px solid var(--rule);padding:8px 10px;text-align:left}
footer{max-width:1200px;margin:0 auto;padding:16px 20px;color:var(--muted)}
.search-results{position:absolute; top:48px; right:20px; width:420px; max-height:60vh; overflow:auto;
 background:var(--card); border:1px solid var(--rule); border-radius:12px; padding:8px; display:none}
.result{padding:8px;border-radius:8px}
.result:hover{background:rgba(255,255,255,.04)}
.small{font-size:13px;color:var(--muted)}
code, pre{background:#0f1220; padding:.2em .4em; border-radius:6px}