/* SHARED·CAPTUREINTRO (1144) — the "Why this matters" intro card at the top of the
 * capture screen. status: todo · lazy: true.
 *
 * Extracted 2026-09-25 (brief 582) from web/css/app.css (lines 783–800 on master
 * dfbb2fd2). RE-DO of brief 486 per REPORT-543 §4 row 486 LOST on master; Lane A
 * strategy per REPORT-526. Three rules below are byte-identical to the source —
 * background (paper-card), radius (--r-md), padding (14px 16px) for the chassis;
 * --size-16 / 8px foot for the heading; --size-13 / --leading-150 / 8px foot for
 * the paragraph.
 *
 * WHY IT IS A CARD AND NOT A TYPE (the .appcol ruling, D-747): the body text inside
 * this card could in principle live as a kind-text token, but the CHASSIS (paper-card
 * background + --r-md radius + 20px foot) is a single visual unit a parent recognises
 * the moment the capture screen opens. A TYPE would say "this text is kind-meta"; the
 * card says "this block is the way we open a capture" — and one day it may grow a
 * prose-A and prose-B variant, which is the part-level decision the registry exists
 * to prevent drifting.
 *
 * DISCLAIMS: .examples (census group 30, own type — stays in app.css per the .appcol
 * ruling; lives INSIDE this card's div but is a separate rendering primitive emitted
 * by capture.js:36 alongside it).
 *
 * STATUS KEPT AS `todo` (LANE-RULES §1b + the 1003 convention "status todo = registered,
 * NOT carded"). Card-mirror check 16's ENFORCED set is ['draft', 'draft-final',
 * 'locked'] (scripts/git-hooks/checks/_card-mirror.js:55) — this row is registered,
 * not carded, so the move does not iterate the check.
 *
 * TOKEN-EXCEPTION MARKERS — 4 total:
 *   · `.capture-intro` padding `14px 16px` — 14px is OFF the 4px grid (D-511). The
 *     `16px` is on-grid; only `14px` triggers check 23. Bypass per _grid-snap.js:117.
 *   · `.capture-intro h3` font-size `var(--size-16)` — raw --size-* instead of the
 *     D-463 role token (--text-subtitle). Check 25 would fire. Bypass per
 *     25-type-role-scope.sh:18,35.
 *   · `.capture-intro p` font-size `var(--size-13)` — raw --size-* (D-463). Same
 *     bypass per 25-type-role-scope.sh:18,35.
 *
 * REVERSE-PORT: if card 1144 ever moves status from `todo` → `draft`, this file MUST
 * be linked from web/index.html between existing SHARED card CSS links (per the index
 * mirror convention), and the 3 app.css rules MUST stay deleted. The `lazy: true`
 * flag notes that the renderer (capture.js:36) already mounts the .capture-intro div
 * with no code change — only the CSS home moves.
 */

.capture-intro {
  background: var(--paper-card);
  border-radius: var(--r-md);
  padding: 14px 16px;                          /* token-exception */
  margin-bottom: 20px;
}

.capture-intro h3 {
  font-size: var(--size-16);                   /* token-exception */
  margin-bottom: 8px;
}

.capture-intro p {
  font-size: var(--size-13);                   /* token-exception */
  line-height: var(--leading-150);
  margin-bottom: 8px;
}