/* SHELL·CONSENT (1132) — the consent step of onboarding: the flex column that stacks
 * the toggle rows of the data-rules disclosure step. Status: todo (registered, not carded).
 * ═════════════════════════════════════════════════════════════════════════════════
 * EXTRACTION (RE-DO of 480 per REPORT-543 §4 — REPORT-527 §4.1 LOST on master). The
 * chosen design is the code that ships today: web/css/app.css:1329-1334, the one
 * declared rule in the `consent-*` family — a flex column with a 12px gap between rows
 * and a top/bottom margin carrying the off-grid token-exception below. Values VERBATIM.
 *
 * ── STATUS KEPT AS `todo` (1003 convention) ──
 * Card-mirror check 16 does NOT iterate this row. The card row carries the SHAPE
 * finding from its note verbatim: only ONE class of this family is declared here;
 * the four row pieces (`consent-row`, `consent-check`, `consent-text`,
 * `consent-sub`) are EMITTED by views/onboarding.js renderConsent and declared
 * NOWHERE in any stylesheet — they read as cards only because they also carry
 * the shared `as-card` type, and the on/off difference rides `aria-pressed` plus
 * an `on` class no rule styles. A separate defect, out of scope for this brief.
 *
 * ── TOKEN EXCEPTION MARKERS ──
 * 1 grid: `margin: 14px 0` is off-grid (D-511 — grid is 4/8/12/16/20/24/32/…).
 *   Bypass per scripts/git-hooks/checks/_grid-snap.js:117 (`if (line.includes('token-exception')) return;`).
 *   The `gap: 12px` is on-grid and carries no marker.
 *
 * ── REVERSE-PORT DECLARATION ──
 * If card 1132 ever moves status from `todo` to `draft`, this file MUST be linked
 * from web/index.html between the other SHELL card CSS entries, AND the .consent-list
 * rule in web/css/app.css MUST stay deleted. Today this file is UNLINKED (the app
 * still reads the rule from app.css until status moves); the RE-DO extraction
 * proves the rule can move cleanly without changing what the running app shows.
 * ═════════════════════════════════════════════════════════════════════════════════ */

/* Consent list — flex column with 12px gap between rows */
.consent-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 14px 0;                         /* token-exception */
}