:root{--bg:#161616;--surface:#1e1e1e;--line:#2a2a2a;--ink:#f2f2f2;--ink2:#b4b4b4;--ink3:#8a8a8a;--accent:#6c5cff;--accent-text:#a79eff}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink2);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--accent-text);text-underline-offset:3px}
a:hover{color:var(--ink)}
.top{display:flex;align-items:center;gap:20px;max-width:760px;margin:0 auto;padding:24px 20px}
.brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:600;text-decoration:none}
.mark{width:18px;height:18px;border-radius:5px;background:var(--accent);display:inline-block;position:relative}
.mark::after{content:"";position:absolute;left:6px;top:4.5px;border-left:7px solid #fff;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}
.top nav{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap;font-size:14px}
.top nav a{color:var(--ink3);text-decoration:none}
.top nav a[aria-current]{color:var(--ink)}
main{max-width:760px;margin:0 auto;padding:24px 20px 80px}
h1{color:var(--ink);font-size:clamp(28px,5vw,40px);line-height:1.15;letter-spacing:-.02em;margin:24px 0 8px}
.meta{color:var(--ink3);font-size:14px;margin:0 0 32px}
h2{color:var(--ink);font-size:20px;letter-spacing:-.01em;margin:40px 0 8px}
h3{color:var(--ink);font-size:16px;margin:24px 0 4px}
p,li{margin:0 0 12px}
ul{padding-left:20px;margin:0 0 12px}
.lead{color:var(--ink);font-size:17px}
table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:14px}
th,td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
th{color:var(--ink);font-weight:600}
.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;margin:16px 0}
.card p:last-child{margin:0}
footer{max-width:760px;margin:0 auto;padding:24px 20px 40px;border-top:1px solid var(--line);color:var(--ink3);font-size:13px;display:flex;gap:16px;flex-wrap:wrap}
footer a{color:var(--ink3)}
@media (max-width:560px){.top{flex-wrap:wrap}.top nav{margin-left:0;width:100%}th,td{padding:8px 6px}}