.docs { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 48px; align-items: start; }
.toc { position: sticky; top: calc(var(--nav-h) + 20px); display: grid; gap: 2px; border-left: 1px solid var(--line-2); }
.toc a { padding: 6px 14px; font: 500 12px/1.3 var(--mono); text-transform: uppercase; letter-spacing: .04em; color: var(--ink-2); margin-left: -1px; border-left: 2px solid transparent; }
.toc a:hover, .toc a.on { color: var(--ink); border-left-color: var(--ink); }
.docs section { scroll-margin-top: calc(var(--nav-h) + 16px); margin-bottom: 44px; }
.docs section > h2 { margin-bottom: 14px; }
.docs h2 code { font-size: .8em; }
#abi-pre { max-height: 520px; overflow: auto; white-space: pre; }
@media (max-width: 899px) {
  .docs { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .toc { position: static; display: flex; flex-wrap: wrap; gap: 6px; border: 0; }
  .toc a { border: 1px solid var(--line-2); border-radius: 3px; margin: 0; padding: 7px 10px; min-height: 36px; }
}