.docs-body{background:var(--bg)}
.docs-page{min-height:auto;display:block}
.docs-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(28px,5vw,72px);max-width:1100px;margin:0 auto;padding:clamp(24px,4vw,48px) 0 80px}
.docs-toc{position:sticky;top:96px;align-self:start;max-height:calc(100svh - 120px);overflow:auto;font-size:14px}
.toc-title{margin-bottom:12px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.docs-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;border-left:1px solid var(--line)}
.docs-toc a{display:block;padding:6px 0 6px 14px;margin-left:-1px;border-left:2px solid transparent;color:var(--muted);line-height:1.35;transition:color .2s,border-color .2s}
.docs-toc a:hover{color:var(--ink)}
.docs-toc a[aria-current]{color:var(--ink);border-left-color:var(--tap)}

.doc{min-width:0;max-width:760px;font-size:16.5px;line-height:1.7;color:var(--ink-soft)}
.doc h1{margin:0 0 28px;font-size:clamp(36px,5vw,54px);line-height:1.05;letter-spacing:-.04em;font-weight:600;color:var(--ink)}
.doc h2{position:relative;margin:64px 0 16px;padding-top:28px;border-top:1px solid var(--line);font-size:clamp(24px,2.6vw,30px);line-height:1.2;letter-spacing:-.025em;font-weight:600;color:var(--ink)}
.doc h3{position:relative;margin:36px 0 10px;font-size:19px;letter-spacing:-.015em;font-weight:600;color:var(--ink)}
.doc .anchor{position:absolute;left:-1.1em;color:var(--faint);opacity:0;transition:opacity .2s}
.doc h2:hover .anchor,.doc h3:hover .anchor{opacity:1}
.doc p{margin:0 0 14px}
.doc ul,.doc ol{margin:0 0 16px;padding-left:22px;display:grid;gap:6px}
.doc li::marker{color:var(--faint)}
.doc strong{color:var(--ink);font-weight:600}
.doc a{color:var(--tap);text-decoration:underline;text-decoration-color:rgba(77,181,255,.35);text-underline-offset:3px;overflow-wrap:anywhere}
.doc a:hover{text-decoration-color:var(--tap)}
.doc .anchor{text-decoration:none}
.doc :not(pre)>code{padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.07);font:.86em var(--font-mono);color:var(--ink);overflow-wrap:anywhere}

.code{position:relative;margin:0 0 18px;border-radius:12px;border:1px solid var(--line-strong);background:#0b0c10}
.code pre{margin:0;padding:16px 18px;padding-right:84px;overflow-x:auto;font:13.5px/1.7 var(--font-mono);color:var(--ink)}
.code pre code{white-space:pre}
.copy{position:absolute;top:10px;right:10px;height:30px;padding:0 12px;border-radius:8px;border:1px solid var(--line-strong);background:rgba(255,255,255,.06);font-size:12.5px;font-weight:600;cursor:pointer;transition:background .2s}
.copy:hover{background:rgba(255,255,255,.12)}

.agent-box{margin:0 0 32px;padding:24px;border-radius:18px;border:1px solid rgba(77,181,255,.35);background:radial-gradient(90% 120% at 0% 0%,rgba(77,181,255,.1),transparent 60%),var(--bg-card)}
.doc .agent-box-h{margin:0 0 8px;padding:0;border:0;font-size:21px}
.agent-box .code pre code{white-space:pre-wrap}
.agent-box .fine{margin:0}

@media (max-width:900px){
  .docs-layout{grid-template-columns:minmax(0,1fr)}
  .docs-toc{position:static;max-height:none;padding:16px;border-radius:14px;border:1px solid var(--line)}
  .docs-toc ol{border:0}
  .docs-toc a{padding-left:0;border:0}
  .doc .anchor{display:none}
}
.docs-body .bar::before{opacity:1}
@media (max-width:560px){
  .code pre{padding:46px 16px 16px}
}