.nav a.cur{color:var(--tx)}
.doc-head{padding-top:clamp(46px,7vw,90px);max-width:900px}
.doc-head h1{font-size:clamp(36px,5.4vw,60px);line-height:1.05;letter-spacing:-.035em;font-weight:800}
.doc-head .upd{display:inline-block;margin-top:16px;color:var(--dim);font-size:14.5px;background:var(--card);border-radius:99px;padding:6px 14px}
.doc-wrap{display:grid;grid-template-columns:260px 1fr;gap:clamp(24px,4vw,56px);align-items:start;margin-top:clamp(30px,4vw,46px)}
.doc-toc{position:sticky;top:96px;background:var(--card);border-radius:22px;padding:18px 10px 14px;max-height:calc(100vh - 120px);overflow:auto}
.doc-toc b{display:block;padding:0 12px 10px;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.doc-toc a{display:block;padding:8px 12px;border-radius:12px;font-size:14.5px;color:var(--dim);line-height:1.35;transition:background .15s,color .15s}
.doc-toc a:hover{color:var(--tx);background:var(--card2)}
.doc-toc a.on{color:var(--tx);background:var(--card2);box-shadow:inset 3px 0 0 var(--r)}
.doc-body{max-width:760px;min-width:0}
.doc-intro{font-size:clamp(17px,1.8vw,19px);color:#d6d6dc;margin-bottom:10px}
.doc-intro p+p{margin-top:12px}
.doc-body section{padding-top:34px;scroll-margin-top:90px}
.doc-body h2{font-size:clamp(21px,2.4vw,25px);letter-spacing:-.015em;font-weight:750;margin-bottom:12px}
.doc-body p,.doc-body li{color:#c7c7cf;font-size:16.5px;line-height:1.65}
.doc-body p+p,.doc-body ul+p,.doc-body p+ul{margin-top:12px}
.doc-body ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.doc-body li{position:relative;padding-left:22px}
.doc-body li:before{content:"";position:absolute;left:4px;top:.68em;width:7px;height:7px;border-radius:50%;background:var(--r)}
.doc-body b{color:var(--tx);font-weight:650}
.doc-body a,.doc-intro a{color:var(--tx);text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}
.doc-body a:hover{text-decoration-color:var(--r)}
.sup-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:clamp(28px,4vw,40px)}
.sup-cards a{background:var(--card);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:14px;font-weight:650;font-size:17px;transition:transform .2s,background .2s}
.sup-cards a:hover{transform:translateY(-3px);background:#232329}
.sup-cards svg{width:26px;height:26px;fill:none;stroke:var(--r);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sup-mail{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:linear-gradient(120deg,rgba(217,52,43,.2),var(--card) 60%);border-radius:24px;padding:22px 26px;margin-top:14px}
.sup-mail b{font-size:20px}.sup-mail span{color:var(--dim);flex:1;min-width:200px}
@media(max-width:900px){.doc-wrap{grid-template-columns:1fr}.doc-toc{position:static;max-height:none}.sup-cards{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.sup-cards{grid-template-columns:1fr}.sup-mail .btn{width:100%}}
.doc-wrap.one{grid-template-columns:1fr;max-width:820px}
.doc-wrap.one .doc-intro{font-size:clamp(18px,2vw,21px);color:#e2e2e7}
.cf{scroll-margin-top:90px}