:root{--bg:#000;--panel:#0a0f0d;--em:#10b981;--em-soft:#34d399;--txt:#e2e8f0;--muted:#94a3b8;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#000 0%,#0a0f0d 50%,#000 100%);color:var(--txt);font:16px/1.7 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--em-soft)}
a:hover{color:#fff}
:focus-visible{outline:3px solid var(--em);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-9999px;top:0;background:var(--em);color:#000;font-weight:700;padding:12px 20px;border-radius:0 0 8px 0;z-index:100}
.skip:focus{left:0}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}
header.site{border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:80px;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:12px;min-height:48px;text-decoration:none}
.brand span.n{font-weight:800;letter-spacing:.18em;font-size:18px;color:#fff}
.brand span.n i{font-style:normal;color:var(--em)}
.back{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--txt);text-decoration:none;font-size:14px;font-weight:600}
.back:hover{background:rgba(255,255,255,.1);color:#fff}
main{padding:56px 0 40px}
h1{font-size:clamp(30px,5vw,44px);line-height:1.1;font-weight:800;color:#fff;margin:0 0 12px}
.updated{color:var(--muted);font-size:14px;margin:0 0 40px}
h2{font-size:22px;font-weight:800;color:#fff;margin:44px 0 12px;padding-top:8px}
h3{font-size:17px;font-weight:700;color:var(--em-soft);margin:28px 0 8px}
p,li{color:var(--txt)}
ul{padding-left:22px}
li{margin:8px 0}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px;display:block;overflow-x:auto;white-space:normal}
th,td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
th{background:rgba(16,185,129,.12);color:#fff;font-weight:700}
.panel{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:16px;padding:20px 24px;margin:24px 0}
.panel p:first-child{margin-top:0}
.panel p:last-child{margin-bottom:0}
.toc{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.toc a{text-decoration:none;font-weight:600}
.toc a:hover{text-decoration:underline}
footer.site{border-top:1px solid var(--line);margin-top:56px;padding:28px 0 48px;color:var(--muted);font-size:14px}
footer.site .wrap{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;justify-content:space-between}
footer.site nav{display:flex;flex-wrap:wrap;gap:8px 18px}
footer.site a{color:var(--muted);text-decoration:none;font-weight:600}
footer.site a:hover{color:var(--em-soft);text-decoration:underline}
