:root{--bg:#0b1020;--card:#141b30;--text:#e8ecf7;--muted:#9aa4bf;--accent:#a78bfa;--accent2:#22d3ee;--line:#26304d}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--accent2)}
.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}
.top .brand{color:var(--text);text-decoration:none}
.top .brand span{color:var(--muted);font-size:.85rem;margin-left:.4rem}
.top nav a{margin-left:1rem;font-size:.9rem}
main{max-width:52rem;margin:0 auto;padding:2rem 1.25rem 3rem}
h1{font-size:1.9rem;line-height:1.2}
h2{font-size:1.25rem;margin-top:2rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem 1.25rem}
.btn{background:linear-gradient(90deg,#7c3aed,#0891b2);color:#fff;border:0;border-radius:8px;padding:.7rem 1.2rem;font-size:1rem;cursor:pointer}
.btn:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent2);outline-offset:2px}
.banner{background:#3b2a0a;border:1px solid #b45309;border-radius:8px;padding:.6rem .9rem}
table{border-collapse:collapse;width:100%;font-size:.92rem}
th,td{border:1px solid var(--line);padding:.5rem;text-align:left;vertical-align:top}
.foot{max-width:52rem;margin:0 auto;padding:1.5rem 1.25rem 2.5rem;color:var(--muted);font-size:.85rem;border-top:1px solid var(--line)}
input[type=checkbox]{width:1.1rem;height:1.1rem;vertical-align:middle;margin-right:.4rem}
.doc h2 .meta{font-size:.8em;font-weight:400;opacity:.75}
.doc-body{max-height:22rem;overflow:auto;border:1px solid rgba(127,127,127,.35);border-radius:6px;padding:.25rem 1rem;margin:.5rem 0 1rem;background:rgba(127,127,127,.06)}