/**
 * root Design System - documentation styles: the roadmap
 *
 * Linked by `scripts/_docs-shell.mjs` on the roadmap and nowhere else. It used to carry
 * the maturity assessment too, until that became its own page with its own sheet,
 * `page-maturity.css`. Same constraints as the rest of the shell: zero CSS classes -
 * element, `[data-part]` and attribute selectors only - zero inline styles, and every
 * value a root foundation token.
 */

/* ── Roadmap ────────────────────────────────────────────────────────────── */
/* The readiness table is the design system's own `root-data-table`, which is the whole
   reason this page was worth building before the other two: it is the first table on the
   site that a reader actually wants to re-sort. Nothing here paints it - the component
   does - so this is width and rhythm only. */
[data-part="readiness"] {
  width: 100%;
  margin-block: var(--root-t--gap);
}

/* The bento's own track floor is what this band uses now (`_status-strips.css`). It used
   to raise it to 26rem, which was right when the band was four equal cards - and wrong
   the moment a card could span two tracks: at 26rem the column fits only two tracks, so
   every wide card filled a whole row and the band came out as four stacked strips
   instead of a bento. */