/* The developer page (/developers): a contents column beside a long reference. The body reuses the blog's
   .cd-article-body type (headings, code, tables); this file adds only the two-column frame and wide tables. */
.cd-docs { padding-top: 2.5rem; }
.cd-docs-grid { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 3rem; align-items: start; }
.cd-docs-aside { position: sticky; top: 90px; }
.cd-docs-toc { display: flex; flex-direction: column; gap: .15rem; border-left: 2px solid var(--cd-line); padding-left: 1rem; font-size: .92rem; }
.cd-docs-toc strong { font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; color: var(--cd-muted); margin-bottom: .4rem; }
.cd-docs-toc a { color: var(--cd-ink-2); text-decoration: none; padding: .2rem 0; }
.cd-docs-toc a:hover { color: var(--cd-green-700); }
.cd-docs-body { max-width: 860px; }
.cd-docs-body > h2:first-child { margin-top: 0; }
.cd-docs-body pre { white-space: pre; tab-size: 2; line-height: 1.55; }
.cd-docs-body h4 { font-size: 1rem; margin-top: 1.4em; }
.cd-docs-table { overflow-x: auto; }
.cd-docs-table table { display: table; min-width: 560px; }
.cd-docs-table td code { white-space: nowrap; }
@media (max-width: 991px) {
  .cd-docs-grid { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  .cd-docs-aside { position: static; }
  .cd-docs-toc { flex-direction: row; flex-wrap: wrap; gap: .35rem .9rem; border-left: 0; padding-left: 0; }
  .cd-docs-toc strong { width: 100%; margin-bottom: 0; }
}