/* ═══════════════════════════════════════════════════════════════════════════════
 * 1159 SHARED·ADDDISC — the gold round + that adds a first.
 * ═══════════════════════════════════════════════════════════════════════════════
 * Locked 2026-09-14 (DECISIONS-2026-09-14 "🔒 MILESTONES LOCKED" + the gold rulings):
 * "Both add buttons gold" · "the gold + sits only inside the open snake card, top right".
 * ONE disc, two homes:
 *
 *   40px (default)   the own-first card, right of the title — renders as a 40px gold disc
 *   32px (.adsc--sm) top right inside the open snake card
 *
 * Transcribed from `.mtl-addfirst .pl` + `.mtl-dropadd` (web/css/cards/phase/timeline.css
 * :273 and :345-356, origin/master 03d7c331), re-coloured per the gold ruling:
 *   fill was --accent (the .pl, teal) then --surface-well (the rail, greyed on purpose
 *   2026-08-09 so a quiet control stopped stealing the scroll limelight); gold now means
 *   ONE thing — her own firsts, and the button that makes one. Ink was --cream-50 on teal
 *   and --ink-600 on grey; on gold it is dark: --text-on-highlight, the role token kept
 *   for exactly this ("dark text on golden highlight fills").
 *   SOFT GOLD 2026-09-17 (DECISIONS-2026-09-14 "The gold add + goes SOFT GOLD", option A):
 *   the bright --gold-400 took the focus (Andrew: "Bit too bright here taking the focus");
 *   the disc is now --gold-200 with the plus in --gold-800. Contrast, --gold-800 on
 *   --gold-200: 6.68:1 — clears the 3:1 graphics floor (WCAG 1.4.11) and the 4.5:1 text
 *   floor. (Node WCAG formula on the resolved tokens.css values #ffe58a / #664900; the
 *   command lives in this row's registry note.)
 *
 * NOT transcribed, named:
 *   - the rail's 28px and its drop-in (.on: scale .3→1 behind a 300ms spring): the rail is
 *     RETIRED by the same ruling that golded the disc, and the arrival animation belongs to
 *     the snake card's wiring (the recipe step), not to the disc. Press is instant — the
 *     disc's other home (the own-first card, the 40px disc grammar of 401) presses with no
 *     transition, and the only transitioned press in either source was that retired spring
 *     wearing the :active rule.
 *   - the rail's box-shadow: both renders show flat discs; both homes seat it on
 *     --surface-card.
 *   - a disabled state: the source has none. The add-first sheet is always reachable — the
 *     only disabled in the Milestones source is the sheet's SAVE button (a different part,
 *     timeline.css:334). Dropped per the brief.
 *
 * The plus is the registry's real Phosphor glyph (icons.js 'plus'), sized by the disc:
 * 24 in the 40 (goldplus.html .disc's font size), 20 in the 32 (.pl's --size-20).
 * ═══════════════════════════════════════════════════════════════════════════════ */
.adsc { width: var(--dim-40); height: var(--dim-40); flex: none;
  border: 0; padding: 0; border-radius: var(--radius-round); cursor: pointer;
  display: grid; place-items: center;
  background: var(--gold-200); color: var(--gold-800); }
.adsc svg { width: var(--size-24); height: var(--size-24); display: block; }

/* 32 — the snake card's top-right corner. Same disc, one size down. */
.adsc--sm { width: var(--dim-32); height: var(--dim-32); }
.adsc--sm svg { width: var(--size-20); height: var(--size-20); }

.adsc:active { transform: scale(0.92); }
.adsc:focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-offset); }