.docs-layout{display:grid;grid-template-columns:210px 1fr;gap:30px;align-items:start;margin-top:8px}
  .toc-side{position:sticky;top:18px}
  .toc-side .toc-title{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:600;margin:0 0 10px;padding-left:12px}
  .toc-side nav{display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--line)}
  .toc-side nav a{font-size:13.5px;color:var(--sub);padding:5px 12px;border-left:2px solid transparent;margin-left:-1px}
  .toc-side nav a:hover{color:var(--accent);border-left-color:var(--accent);text-decoration:none}
  .doc-content{margin:0}
  .docs h2{font-size:17px;margin:26px 0 8px;scroll-margin-top:16px}
  .docs h2:first-of-type{margin-top:2px}
  .docs table{width:100%;border-collapse:collapse;font-size:13px}
  .docs td,.docs th{padding:7px 8px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
  .docs th{color:var(--muted);border-top:0}
  pre{position:relative;background:#f6f8fa;border:1px solid var(--line);border-radius:10px;padding:14px 15px;overflow-x:auto;
    font-size:12.5px;line-height:1.55;color:#1f2933}
  pre code{color:inherit}
  code{font-family:var(--mono)}
  .docs h2 code{margin:0 3px;font-size:13px;font-weight:500}
  .pre-copy{position:absolute;top:8px;right:8px;margin:0;padding:4px 11px;font-size:11.5px;border-radius:18px;
    background:#fff;border:1px solid var(--line);color:var(--ink);cursor:pointer;opacity:0;transition:opacity .12s}
  pre:hover .pre-copy,.pre-copy:focus{opacity:1}
  .pre-copy.done{color:var(--ok);border-color:var(--ok-line)}
  @media(max-width:760px){
    .docs-layout{grid-template-columns:1fr}
    .toc-side{position:static;margin-bottom:4px}
    .toc-side nav{flex-direction:row;flex-wrap:wrap;border-left:0;gap:6px}
    .toc-side nav a{border:1px solid var(--line);border-radius:16px;margin:0}
    .toc-side nav a:hover{border-color:var(--accent)}
    .toc-side .toc-title{display:none}
    .pre-copy{opacity:1}
  }
