/* ── the grid (criterion 55) ───────────────────────────────────────────────
   A card grid, not a table and not a list: `.card` is the shipped primitive and
   this adds only the arrangement. `auto-fit` + `minmax` is what keeps 1440 and
   375 both correct WITHOUT a second breakpoint block — one card per row when the
   panel is narrow, two when it is not, and no breakpoint to keep in sync. */
.strategies { display:grid; gap:1.15rem; margin:0 0 1.6rem; align-items:start;
              grid-template-columns:repeat(auto-fit,minmax(16rem,1fr)); }

/* ── one card ──────────────────────────────────────────────────────────────
   The NAME is the identity (story 3.4 §Ruled R1) — the same `strategyDisplayName()`
   the rail header reads, so the rail and the card cannot disagree about which
   strategy this is. The sector is still on the card, as a fact rather than as the
   title (criterion 43). */
.scard { display:flex; flex-direction:column; gap:.85rem; }
.scard h2 { font-size:var(--fs-head); font-weight:700; line-height:1.15;
            letter-spacing:-0.02em; margin:0; }
/* The CURRENT strategy — the one every other surface resolves to today — is
   marked in the ink AND in the accessibility tree (`aria-current`, set in
   `strategies.js`), never by colour alone. */
.scard[aria-current] { border-color:var(--ink); }
.scard .stamp { align-self:flex-start; }

/* The title line and the rename (§Ruled R6, criterion 33): ARRANGEMENT ONLY.
   Every colour, border, font and control style below comes from `capture.css` —
   `.microcap`, `.primary`, `.ghost`, `.error` and the base `input` rule — so the
   rename adds no new CSS family, no new token and no second media query. The
   grid's `auto-fit` still does the reflowing at 375px (§Rulings 18). */
.scard-name { display:flex; flex-wrap:wrap; align-items:baseline;
              justify-content:space-between; gap:.4rem .9rem; }
.scard-name button { padding:.35rem .75rem; font-size:var(--fs-hint); }
.scard-rename { display:flex; flex-wrap:wrap; align-items:center; gap:.45rem .5rem; }
.scard-rename label { flex-basis:100%; margin:0; }
.scard-rename input { flex:1 1 9rem; min-width:0; }
.scard-rename button { padding:.5rem .9rem; font-size:var(--fs-hint); }
.scard-rename .error { flex-basis:100%; margin:.1rem 0 0; font-size:var(--fs-hint); }

/* The five facts, as a definition list: each is a labelled fact read from its
   own column, and the label is what keeps the record version from reading as
   the artefact's "v1" (criterion 61). The fifth is the sector, demoted here from
   the title by story 3.4 §Ruled R1 and dropped from nowhere. */
.scard-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
               gap:.8rem 1rem; margin:0; }
.scard-facts dt { margin:0 0 .2rem; }
.scard-facts dd { margin:0; font-size:var(--fs-body); }
.scard-facts .mono { font-family:var(--mono); }

/* The three routes off a card. `.rail-item`-sized, links not buttons: each one
   is a navigation to a page that renders this strategy (criterion 69). */
.scard-acts { display:flex; flex-wrap:wrap; gap:.4rem 1.1rem; margin:.1rem 0 0;
              font-size:var(--fs-hint); }