:root{--ink:#0E1525;--deep:#0A101D;--deck:#151E33;--line:#24304A;--text:#E7EBF3;--muted:#8D98B2;--sun:#F4B740;--tide:#5BC6D6}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--text);font:400 17px/1.7 Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--tide)}
:focus-visible{outline:2px solid var(--sun);outline-offset:3px;border-radius:6px}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.nav{position:sticky;top:0;z-index:20;background:rgba(14,21,37,.85);backdrop-filter:blur(12px);border-bottom:1px solid rgba(36,48,74,.6)}
.nav .wrap{display:flex;align-items:center;gap:20px;height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:800;font-size:20px;letter-spacing:-.02em}
.brand span{color:var(--muted)}
.nav .act{margin-left:auto;display:flex;gap:10px}
.btn{display:inline-flex;align-items:center;border-radius:11px;padding:10px 16px;font-weight:700;font-size:15px;text-decoration:none;border:1px solid var(--line);background:var(--deck);color:var(--text)}
.btn.sun{background:var(--sun);border-color:var(--sun);color:#1B1405}
.doc{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;padding:72px 24px 110px}
.toc{position:sticky;top:100px;align-self:start;font-size:14px}
.toc b{display:block;color:var(--muted);font-weight:700;margin-bottom:10px}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.toc a{color:var(--muted);text-decoration:none}.toc a:hover{color:var(--text)}
article{max-width:720px}
h1{font-size:clamp(36px,4.6vw,54px);line-height:1.06;letter-spacing:-.035em;margin:0 0 14px;font-weight:800}
.meta{color:var(--muted);margin:0 0 28px}
.summary{background:var(--deck);border:1px solid var(--line);border-left:3px solid var(--sun);border-radius:12px;padding:18px 22px;margin:0 0 44px}
.summary p{margin:0 0 8px}.summary ul{margin:0;padding-left:20px}.summary li{margin:4px 0}
h2{font-size:24px;letter-spacing:-.02em;margin:48px 0 12px;scroll-margin-top:90px}
h3{font-size:18px;margin:26px 0 6px}
p,li{color:#C3CBDB}
ul{padding-left:22px}
li{margin:6px 0}
strong{color:var(--text)}
table{width:100%;border-collapse:collapse;font-size:15px;margin:14px 0}
th,td{text-align:left;padding:10px 12px;border-top:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font-weight:700;border-top:0}
td:first-child{color:var(--text);font-weight:600;white-space:nowrap}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:14px}
footer .wrap{display:flex;gap:24px;flex-wrap:wrap;align-items:center;padding:28px 24px}
footer nav{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap}
footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--text)}
@media (max-width:900px){.doc{grid-template-columns:minmax(0,1fr);gap:0;padding-top:48px}.toc{display:none}}
@media (max-width:560px){.wrap,.doc{padding-left:16px;padding-right:16px}.nav .act .btn:not(.sun){display:none}td:first-child{white-space:normal}table{font-size:14px}}