/* ─────────────────────────────────────────────────────────────────────────
   docs9.css — the Docs page. Loads after site9.css and assumes its tokens,
   `.prose`, `.callout` and `.section`.

   Only the two-column reading layout and the tool table live here.
   ───────────────────────────────────────────────────────────────────────── */

/* ─────────────── tool table ─────────────── */

/* Wrapped in its own scroller by `overflow-x`: a table of tool names is the
   one thing on this page that cannot reflow, and letting it push the page
   wide would break every other section's measure on a phone. */
.doc-table {
  display: block;
  width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  font-size: 14.5px;
}
.doc-table th,
.doc-table td {
  padding: 11px 14px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--border);
}
.doc-table th {
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--t3);
  border-bottom-color: var(--border-2);
  white-space: nowrap;
}
.doc-table td { color: var(--t2); }
.doc-table td:first-child { white-space: nowrap; }
.doc-table code {
  padding: 2px 6px;
  font-size: 12.5px;
  color: var(--accent-ink);
}
.doc-table tr:last-child td { border-bottom: 0; }

/* ─────────────── responsive ─────────────── */