/* /docs only. Everything else comes from /shared/base.css. */
.dc { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: clamp(24px, 5vw, 64px); padding-top: 24px; }
.dc-toc { position: sticky; top: 84px; align-self: start; font-size: 14.5px; }
.dc-toc ol { list-style: none; margin: 10px 0 0; padding: 0; }
.dc-toc li + li { margin-top: 2px; }
.dc-toc a { display: block; padding: 6px 10px; margin-left: -10px; border-radius: 8px; text-decoration: none; color: var(--ink-2); }
.dc-toc a:hover, .dc-toc a.is-on { background: var(--paper-2); color: var(--ink); }
.dc-h1 { font-size: clamp(30px, 5vw, 46px); margin: 8px 0 18px; max-width: 20ch; }
.dc-body { min-width: 0; }
.dc-body pre { position: relative; white-space: pre; }
.dc-body .pre-wrap { position: relative; margin: 0 0 18px; }
.dc-body .pre-wrap pre { margin: 0; padding-right: 52px; }
.dc-body .pre-wrap .copy { position: absolute; top: 8px; right: 8px; margin: 0; background: var(--card); border: 1px solid var(--line); padding: 7px; }
.dc-honest { margin: 6px 0 18px; }
.dc-api table { min-width: 560px; }
.dc-api td { vertical-align: top; }
.dc-api td:first-child { white-space: nowrap; padding-right: 20px; }
@media (max-width: 860px) {
  .dc { grid-template-columns: minmax(0, 1fr); }
  .dc-toc { position: static; }
  .dc-toc ol { display: flex; flex-wrap: wrap; gap: 6px; }
  .dc-toc a { margin: 0; background: var(--paper-2); }
}