/* Documentation layout: left nav + body + TOC; code blocks with copy button */
.docs-shell { display: grid; gap: 16px; grid-template-columns: 260px 1fr 220px; }
.docs-nav  { position: sticky; top: 90px; height: calc(100dvh - 120px); overflow: auto; }
.docs-body pre {
  background: rgba(2,6,23,.06); color: inherit; padding: 16px; border-radius: 14px;
  overflow: auto; position: relative; border: 1px solid var(--color-border);
}
html[data-theme="dark"] .docs-body pre { background: #0a0c12; border-color: rgba(255,255,255,.10); }
.docs-body pre .copy-btn {
  position: absolute; top: 10px; inset-inline-end: 10px; z-index: 2;
  padding: 6px 10px; border-radius: 999px; border: 1px solid var(--color-border);
  background: var(--color-surface); cursor: pointer;
}
.docs-toc { position: sticky; top: 90px; height: calc(100dvh - 120px); overflow: auto; }
.docs-toc a { text-decoration: none; color: var(--color-text); opacity:.9; }
.docs-toc a:hover { opacity: 1; }