:root{--bg:#07040f;--panel:#120b22;--ink:#ece9fa;--mut:#b3aacd;--line:rgba(168,85,247,.25);--acc:#c084fc}
@media (prefers-color-scheme: light){:root{--bg:#f7f5fb;--panel:#fff;--ink:#1d1630;--mut:#5b5373;--line:rgba(120,70,200,.22);--acc:#7c3aed}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--acc)}
a:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.wrap{max-width:780px;margin:0 auto;padding:28px 16px 64px}
header{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:18px}
header .logo{font-weight:700;font-size:20px;text-decoration:none;color:var(--ink)}
header .logo span{color:var(--acc)}
nav{display:flex;flex-wrap:wrap;gap:6px}
nav a{font-size:14px;padding:5px 10px;border-radius:9px;border:1px solid var(--line);text-decoration:none;color:var(--ink)}
nav a[aria-current="page"]{background:var(--line)}
main{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px 22px 26px}
h1{font-size:26px;line-height:1.25;margin:0 0 6px}
h2{font-size:18px;margin:26px 0 6px}
.meta{color:var(--mut);font-size:14px;margin:0 0 16px}
.box{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:14px 0;background:rgba(168,85,247,.07)}
table{width:100%;border-collapse:collapse;font-size:14.5px;margin:10px 0}
th,td{text-align:left;vertical-align:top;padding:8px 6px;border-bottom:1px solid var(--line)}
th{color:var(--mut);font-weight:600}
li{margin:4px 0}
footer{color:var(--mut);font-size:13px;margin-top:18px;text-align:center}
@media (max-width:560px){main{padding:16px 14px 20px}h1{font-size:22px}table{font-size:13.5px}th,td{padding:6px 4px}}