*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0a0e14;--panel:#0c1219;--bd:#1e2730;--tx:#dce6f2;--mut:#9fb2c4;--ac:#2C82D6;--ac2:#5BA3E6}
body{background:var(--bg);color:var(--tx);font:15px/1.65 -apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--ac2);text-decoration:none}a:hover{text-decoration:underline}
.layout{display:flex;min-height:100vh}
.sidebar{width:288px;min-width:288px;background:var(--panel);border-right:1px solid var(--bd);height:100vh;position:sticky;top:0;overflow-y:auto;padding:14px 10px}
.brand{font:800 13px ui-monospace,monospace;color:var(--ac);letter-spacing:.5px;padding:4px 6px 10px}
.search{width:100%;background:var(--bg);border:1px solid var(--bd);color:var(--tx);border-radius:8px;padding:8px 10px;font-size:13px;margin-bottom:6px}
#results{margin-bottom:8px}
#results a{display:block;padding:6px 8px;border-radius:6px;font-size:13px;color:var(--tx)}
#results a:hover{background:#10202e;text-decoration:none}
#results .rx{display:block;color:var(--mut);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
nav details{margin:2px 0}
nav summary{cursor:pointer;font-size:12px;color:var(--mut);padding:4px 6px;font-weight:600;list-style:none}
nav summary::-webkit-details-marker{display:none}
.navlink{display:block;padding:5px 8px 5px 16px;font-size:13px;color:var(--tx);border-radius:6px}
.navlink:hover{background:#10202e;text-decoration:none}
.navlink.active{background:rgba(44,130,214,.18);color:#fff;font-weight:600}
.graphlink{display:flex;align-items:center;gap:6px;margin-top:10px;padding:8px 10px;background:#10202e;border:1px solid var(--ac);border-radius:8px;color:var(--ac2);font-size:13px;font-weight:600}
main{flex:1;max-width:900px;margin:0 auto;padding:34px 40px 80px}
.note h1{font-size:30px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px;color:#fff}
.note h2{font-size:20px;margin:26px 0 10px;color:#fff;border-bottom:1px solid var(--bd);padding-bottom:5px}
.note h3{font-size:16px;margin:18px 0 8px;color:var(--ac2)}
.note p{margin:10px 0}.note ul,.note ol{margin:10px 0 10px 22px}.note li{margin:3px 0}
.note strong{color:#fff}
.note code{background:#11202c;color:#9fd0f0;padding:1px 6px;border-radius:5px;font:13px ui-monospace,monospace}
.note pre{background:#0e1620;border:1px solid var(--bd);border-radius:8px;padding:12px;overflow:auto;margin:12px 0}
.note pre code{background:none;padding:0}
.note blockquote{border-left:3px solid var(--ac);background:rgba(44,130,214,.07);padding:10px 14px;border-radius:0 8px 8px 0;margin:12px 0;color:var(--mut)}
.note blockquote strong{color:var(--ac2)}
.note table{border-collapse:collapse;width:100%;margin:14px 0;font-size:13px;display:block;overflow-x:auto}
.note th,.note td{border:1px solid var(--bd);padding:7px 10px;text-align:left;vertical-align:top}
.note th{background:#11202c;color:var(--ac2);font-weight:700;white-space:nowrap}
.note tr:nth-child(even){background:rgba(255,255,255,.015)}
.note hr{border:none;border-top:1px solid var(--bd);margin:22px 0}
a.wl{color:var(--ac2);border-bottom:1px dotted var(--ac)}
a.wl:hover{background:rgba(44,130,214,.14);text-decoration:none}
.wl.miss{color:#7a5}
.backlinks{margin-top:40px;padding:16px;background:var(--panel);border:1px solid var(--bd);border-radius:12px}
.backlinks h3{margin:0 0 10px;color:var(--ac);font-size:14px}
.backlinks a{display:inline-block;margin:3px 6px 3px 0;padding:4px 10px;background:#10202e;border:1px solid var(--bd);border-radius:16px;font-size:12px}
@media(max-width:760px){.sidebar{display:none}main{padding:20px}}