/* ══════════════════════════════════════════════════════════════════════════════════════════════
   1053 SHARED·SOURCECARD — "where this comes from": eyebrow, body, citation and disclaimer as
   ONE card. (D-439)
   ──────────────────────────────────────────────────────────────────────────────────────────────
   Transcribed from the kept solids template's welcome frame — `bo-srccard` and its four rules at
   workbench/weaning/_bakeoffs/solids-education.html:314-322, itself restored from
   weaning-proto-v3.html:244-252. D-439 is the reason the piece exists: provenance is held together
   in one card and kept separate from the welcome copy, never flattened into small print.

   ⚠️ NOT the provenance footrow and NOT the sources block — three different shapes, deliberately:
     · 402 SHARED·PROVENANCE (prov) — a ONE-LINE footrow: source left, reviewer right, never fused.
     · 419 SHARED·SOURCES (srb)     — a LIST of index rows, one per URL, border-top only.
     · 1053 THIS CARD (srcc)        — a standalone box: eyebrow, a body paragraph, a citation line,
                                      and the disclaimer under a hairline. The solids education
                                      surface's attribution, read as one thing.

   Self-contained under .srcc (D-470 corollary): every element the card renders is styled here,
   including the two inline marks the kept copy carries (<b> in the body, <i> in the citation) and
   the paragraph margin app.css would otherwise give it. TEXT ALIGNMENT IS THE HOST'S: the kept
   frame centres this card through its own `.bo-mid` rule, not through the card — so the card
   inherits, and reads left-aligned in a left-aligned host (which is what the app does).

   🔴 ONE MEASURED DEVIATION FROM THE KEPT SOURCE, and it is a compliance fix, not a redesign: the
   kept rule colours the eyebrow and the citation `--text-tertiary`. --text-tertiary is --ink-400,
   which D-740 retires for text ("NON-TEXT ONLY"), and on --surface-card it measures 3.34:1 —
   AA needs 4.5 at these sizes (11px/600 eyebrow, 12px citation). Measured, not guessed:
   node -e (WCAG relative-luminance ratio) → #8a8a82 on #fdfaf3 = 3.34 · #5a5a55 on #fdfaf3 = 6.65.
   The sibling footrow (provenance.css) already sets its small source text at --ink-600 for the
   same reason, and phase/hero.css carries the same finding at 3.38:1. Eyebrow and citation move
   to --text-secondary; the hierarchy survives on size + case + tracking, which is how the rest of
   the box family does it (419: "hierarchy inside the 14 tier is weight + colour + case, never
   size"). Every other value is the kept rule, token for token.
   ══════════════════════════════════════════════════════════════════════════════════════════════ */

.srcc {
  background: var(--surface-card);
  border: 1px solid var(--border-hairline); /* token-exception: a hairline */
  border-radius: var(--radius-card);
  padding: var(--space-16);
  margin-bottom: var(--space-16);
  font-family: var(--font-body);
  color: var(--text-primary);
}

.srcc .lbl {
  font-family: var(--font-label);
  font-size: var(--text-label);
  font-weight: var(--weight-600);
  letter-spacing: var(--tracking-10);
  text-transform: uppercase;
  color: var(--text-secondary);
  margin-bottom: var(--space-8);
}

.srcc .body {
  font-size: var(--text-body-sm);
  line-height: var(--leading-150);
  margin: 0;
}
.srcc .body b { font-weight: var(--weight-700); }

.srcc .cite {
  font-size: var(--text-meta);
  color: var(--text-secondary);
  margin-top: var(--space-4);
}
.srcc .cite i { font-style: italic; }

.srcc .disc {
  font-size: var(--text-meta);
  color: var(--text-secondary);
  line-height: var(--leading-140);
  border-top: 1px solid var(--border-hairline); /* token-exception: a hairline */
  margin-top: var(--space-12);
  padding-top: var(--space-12);
}

/* the kept `bo-grow` pin, transcribed as a modifier: in a host that lets the card stretch
 * (flex column, spare room), the disclaimer drops to the card's bottom edge. A modifier, not a
 * declared state — it changes where the disclaimer sits, never what the card says. */
.srcc.grow { display: flex; flex-direction: column; }
.srcc.grow .disc { margin-top: auto; }