/* PROFILE·WHATBOX — the WHAT GOES / WHAT STAYS box of the delete flows. (9501, 2026-09-28)
 *
 * THE APPROVED PICTURE: the delete-account and delete-Caïa's-data screens of the signed-off
 * Profile collage — a cream card whose eyebrow names the list ("WHAT GOES", "WHAT STAYS")
 * and whose body is plain lines, one per thing, in a parent's words. The eyebrow is the
 * neutral eyebrow (secondary ink, uppercase, letterspaced) — the drawing keeps these grey;
 * teal is the interactive/brand accent and this label is neither.
 *
 * Self-contained: every element under .whb-*. STATES (both rendered in the exhibit):
 *   list   — several short lines, one per thing ("Her logs / Her photos / …").
 *   single — one wrapped sentence ("Anything of Caïa's that the people you invited can
 *            still see."). Structurally the same box; the state names what it carries.
 * ============================================================================ */
.whb { background: var(--surface-card); border-radius: var(--radius-card);
  box-shadow: var(--shadow-card); padding: var(--space-16); }
.whb-eyebrow { font-family: var(--font-label); font-size: var(--text-label);
  font-weight: var(--weight-600); letter-spacing: var(--tracking-08);
  text-transform: uppercase; color: var(--text-secondary); margin: 0 0 var(--space-8); }
.whb-line { display: block; font-family: var(--font-body); font-size: var(--size-15); /* token-exception */
  font-weight: var(--weight-500); color: var(--text-primary); line-height: var(--leading-140);
  margin: 0 0 var(--space-4); }
.whb-line:last-child { margin-bottom: 0; }