:root{--bg:#080a11;--card:#101522;--line:rgba(255,255,255,.1);--text:#f7f8fb;--muted:#9da7ba;--violet:#8b5cf6;--blue:#38bdf8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(800px 480px at 15% 0,rgba(139,92,246,.16),transparent 60%),#080a11;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
a{color:#9edcff;text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(920px,calc(100% - 32px));margin:auto}
header{position:sticky;top:0;z-index:10;background:rgba(8,10,17,.84);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav{height:68px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;color:#fff}.back{font-size:13px;color:#c3c9d6}
main{padding:64px 0 100px}.eyebrow{display:inline-block;border:1px solid rgba(139,92,246,.35);background:rgba(139,92,246,.1);color:#d8c9ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}
h1{font-size:clamp(34px,6vw,56px);line-height:1.03;letter-spacing:-.04em;margin:18px 0 12px}h2{font-size:24px;letter-spacing:-.02em;margin:40px 0 10px}h3{font-size:17px;margin:26px 0 6px}
.meta{color:var(--muted);font-size:13px}.note{margin:24px 0;padding:16px 18px;border:1px solid rgba(56,189,248,.24);background:rgba(56,189,248,.07);border-radius:14px;color:#d7e8f2}
article{margin-top:36px;padding:30px;border:1px solid var(--line);border-radius:22px;background:rgba(16,21,34,.72)}
p,li{color:#c7cdd9}ul,ol{padding-left:22px}.version{display:inline-flex;gap:8px;align-items:center;color:#94a0b4;font-size:12px}
footer{border-top:1px solid var(--line);padding:28px 0;color:#7f899c;font-size:12px}.foot{display:flex;gap:14px;flex-wrap:wrap}
code{background:#151b2b;border:1px solid var(--line);padding:2px 6px;border-radius:6px}
@media(max-width:620px){article{padding:20px}main{padding-top:40px}.nav{height:62px}}