/* The docs section's own additions. Everything structural (tokens, nav,
   band, cards, term, grids) comes from /site.css — this sheet only adds
   what a handbook needs and the product pages do not: a section rail,
   a definition ledger, and prose rules for long-form reading. */

/* ---- the docs rail: where am I, where can I go ---------------------- */
.docs-nav{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 8px}
.docs-nav a{font-size:13.5px;color:var(--text-2);border:1px solid var(--edge);
  border-radius:999px;padding:6px 14px;text-decoration:none}
.docs-nav a:hover{color:var(--text-1);border-color:var(--gold-dim);
  text-decoration:none}
/* The current section is marked twice - lit AND aria-current="page" - so
   a screen reader hears "current page" where a sighted reader sees gold. */
.docs-nav a.here,.docs-nav a[aria-current="page"]{color:var(--gold);
  border-color:var(--gold-dim)}
/* 44px PILLS FOR A FINGER (2026-09-04): the rail's pills measured 36px
   tall on every docs page at 440x956. Keyed off the pointer, like the
   nav in site.css. */
@media (pointer:coarse){
  .docs-nav a{min-height:44px;display:inline-flex;align-items:center}
}

/* ---- the handbook ledger: one row per command/fact ------------------ */
table.docs{width:100%;border-collapse:collapse;margin-top:22px;
  font-size:14.5px}
table.docs th{text-align:left;font:600 12px var(--body);letter-spacing:.16em;
  text-transform:uppercase;color:var(--text-3);padding:10px;
  border-bottom:1px solid var(--edge)}
table.docs td{padding:11px 10px;border-bottom:1px solid var(--edge);
  vertical-align:top;color:var(--text-2)}
table.docs td:first-child{color:var(--text-1);white-space:nowrap}
table.docs code{font-family:var(--mono);font-size:13px;
  background:var(--surface-2);border:1px solid var(--edge);
  border-radius:6px;padding:1px 6px}

/* ---- long-form prose, the reading measure --------------------------- */
.prose{max-width:66ch;font-size:15px;color:var(--text-2);margin-top:18px}
.prose p{margin:0 0 14px}
.prose h3{font:600 17px var(--display);color:var(--text-1);margin:26px 0 8px}
.prose ul{margin:0 0 14px 22px}
.prose li{margin:5px 0}
.prose code{font-family:var(--mono);font-size:13px;
  background:var(--surface-2);border:1px solid var(--edge);
  border-radius:6px;padding:1px 6px}

/* ---- a named limit, stated where it is true ------------------------- */
.limit{background:var(--surface-1);border:1px solid var(--edge);
  border-left:3px solid var(--gold);border-radius:10px;
  padding:14px 18px;margin-top:20px;font-size:14.5px;color:var(--text-2)}
.limit b{color:var(--text-1)}