.docs{display:grid;grid-template-columns:212px 1fr;gap:56px;padding:44px 0 88px;align-items:start}
.doc,.toc{min-width:0}
.toc{position:sticky;top:calc(var(--nav-h, 84px) + 20px);max-height:calc(100vh - var(--nav-h, 84px) - 40px);
  overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:8px}
.toc-h{font-family:var(--font-ui);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--on-ink-dim);margin:20px 0 9px}
.toc-h:first-child{margin-top:0}
.toc a{display:block;padding:5px 0 5px 11px;font-size:13.5px;color:var(--on-ink-muted);
  text-decoration:none;border-left:1px solid var(--ink-line-soft)}
.toc a:hover{color:var(--on-ink);border-left-color:var(--signal)}
.doc h2{font-family:var(--font-display);font-size:26px;line-height:1.2;letter-spacing:-0.028em;font-weight:500;
  margin:56px 0 14px;scroll-margin-top:24px}
.doc h2:first-of-type{margin-top:0}
.doc p{font-size:15px;line-height:1.72;color:var(--on-ink-muted);margin-bottom:16px}
.doc .mono,.doc code{font-family:var(--font-ui);font-size:0.9em;color:var(--on-ink);
  background:rgba(250,250,248,0.07);padding:1.5px 5px;border-radius:5px;overflow-wrap:anywhere}
.doc .code code{background:none;padding:0;overflow-wrap:normal}
.verb{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px}
.verb b{font-family:var(--font-ui);font-size:11px;letter-spacing:0.1em;font-weight:500;padding:4px 9px;
  border-radius:6px;background:var(--signal-dim);color:var(--signal);border:1px solid rgba(255,197,61,0.3)}
.verb span{font-family:var(--font-ui);font-size:13.5px;color:var(--on-ink)}
@media (max-width:900px){.docs{grid-template-columns:1fr;gap:24px}.toc{position:static;max-height:none;overflow:visible;padding-right:0}}
.doc-head{margin-bottom:38px}
.doc-head .eyebrow-d{font-family:var(--font-ui);font-size:11px;letter-spacing:0.1em;
  text-transform:uppercase;color:var(--signal);margin-bottom:14px}
.doc-head h1{font-family:var(--font-display);font-size:clamp(30px,3.4vw,44px);line-height:1.07;
  letter-spacing:-0.032em;font-weight:500;color:var(--on-ink);margin:0}
.doc-head .doc-lede{margin-top:18px;font-size:15px;line-height:1.72;
  color:var(--on-ink-muted)}
.doc-head .doc-lede a{color:var(--on-ink);text-decoration:underline;
  text-decoration-color:var(--ink-line)}
.doc-head .doc-lede a:hover{text-decoration-color:var(--signal)}
.doc ul,.doc ol{margin:0 0 16px;padding-left:20px}
.doc li{font-size:15px;line-height:1.72;color:var(--on-ink-muted);margin:4px 0}
.doc li::marker{color:var(--on-ink-dim)}
.doc strong,.doc p b,.doc li b{font-weight:600;color:var(--on-ink)}
.doc a{color:var(--on-ink);text-decoration:underline;text-decoration-color:var(--ink-line);text-underline-offset:2px}
.doc a:hover{text-decoration-color:var(--signal)}
.doc h3{font-family:var(--font-display);font-size:18px;line-height:1.3;font-weight:500;letter-spacing:-0.012em;
  color:var(--on-ink);margin:32px 0 10px}
.doc td{line-height:1.55}
.doc h2 + h3{margin-top:12px}
.doc .tbl{font-size:14px}
.doc .tbl th code{font-size:inherit}
.doc .note-body{font-size:15px;line-height:1.72}
.doc .code pre{font-size:13.5px}