/* ============================================================================
 * 1056 TOOLS·SIBLINGROAD — "Breastfeed · Bottle", the sibling roads beside the log
 * ============================================================================
 * The solids log's PERMANENT milk adjacency — D-713's three roads met by the add row
 * being three-kinded AT ALL TIMES, never by a post-save offer. Solids is the primary
 * road (that is the tool she is in); these two sit under it, one tap away at all times.
 *
 * SOURCE — named, per the standing rule that a build names what it was built from:
 *   workbench/weaning/_bakeoffs/solids-education.html  .bo-add-sec block (lines
 *   425–432), rendered by logger() lines 1279–1285. Extracted, not designed: values
 *   and order kept. App-side corrections ride with the extraction, all forced by
 *   app-side gates, not taste:
 *     · border 1px → var(--radius-2) — the token linter refuses raw structural px;
 *       the 431/439 ports carry the same substitution (daypill.css, feedrow.css).
 *     · --size-14 → --text-body-sm, --size-13 → --text-caption — D-463 role tokens
 *       (check 25 refuses a raw --size-* step in a surface stylesheet).
 *     · :active + :focus-visible ADDED — D-422 motion floor (check 18 arms at draft;
 *       the kept source leaves this control with no press or focus rule at all). The
 *       press treatment is NOT invented: it is the kept template's own press grammar —
 *       `.bo-door:active { background: var(--surface-well) }` and
 *       `.bo-cta:active { background: var(--accent-hover) }` in the same file — applied
 *       to the one control the template forgot. `.pressed` is the static twin of
 *       :active, so the state is renderable in the mirror and by a future wire.
 *
 * THE CHIP IS THE KIND DISC. 1016 KINDDISC is not built in this tree, so the disc
 * follows 429 SHARED·AREACHIP's shape (circle + glyph, D-444) with the FILL riding
 * the KIND plumbing (D-454/D-379/D-404 — colour from kind, never per-area), the same
 * route your-stuff.css and reader.css take: breast = --kind-read-fill (teal), bottle =
 * --kind-track-fill (slate) — the exact two ramps the kept template chose
 * (.bo-i-breast → teal-100, .bo-i-bottle → slate-100), through the tokens that exist
 * rather than fresh raw ramps. Solid's clay disc is NOT this card's (the primary road
 * belongs to the add-meal button, a different piece — the 528 triage's own BUILD row).
 * ⚠️ THE CHIP SETS NO COLOUR OF ITS OWN — the kept construction, deliberately. The
 * glyph ink is the inherited text ink, because the glyph is an EMOJI and ignores
 * currentColor: a declared kind-ink line would be a no-op on the eye and a NEW
 * 13px text pair to the contrast audit (check 56 refused --kind-read-icon on
 * --kind-read-fill at 3.80 and --kind-track-icon on --kind-track-fill at 3.93 —
 * both clear the 3:1 icon floor and neither clears the 4.5:1 text floor it was
 * being read against). If a wire ever swaps the emoji for a spine glyph, THAT is
 * the moment a kind ink comes back — measured, with the eye, not restored here.
 *
 * THE GLYPHS ARE THE KEPT EMOJI. 🤱 / 🍼 carried verbatim — the app already uses this
 * pair for these two concepts (profile.js's feeding-mode rows). A Phosphor pair would
 * have to come through the Recraft BabyWeeks Phosphor pipeline (D-584) and that is a
 * commission, not a build decision — flagged for the eye, not swapped by a port.
 * ⚠️ MEASURED, NOT RECALLED (puppeteer, both pages at 430 viewport, deviceScaleFactor 2 —
 * getComputedStyle + getBoundingClientRect on row/pill/chip): the pill lands EXACTLY on the
 * D-463 44px touch floor as shipped — chip 24 + padding 16 + border 2+2 — where the kept
 * 1px border put it at 42px, two under the floor. The token substitution that the linter
 * forced is what moved it onto the floor; nothing was invented to get there.
 *
 * 🔴 SaMD SHAPE: a road is a DOOR, never a suggestion. Nothing here reads her log,
 * counts her feeds, or proposes one road over another — which road she taps is hers
 * alone, and the app never ranks or recommends (gates 1–3; D-713).
 * ========================================================================== */

.sibrd { display: flex; gap: var(--space-8); margin-top: var(--space-8); }

.sibrd-road { flex: 1; display: flex; align-items: center; justify-content: center;
  gap: var(--space-8); border: var(--radius-2) solid var(--border-hairline);
  background: var(--surface-card); border-radius: var(--radius-pill); padding: var(--space-8);
  cursor: pointer; font-family: var(--font-body); font-size: var(--text-body-sm);
  color: var(--text-primary); }

.sibrd-chip.breast { background: var(--kind-read-fill); }
.sibrd-chip.bottle { background: var(--kind-track-fill); }
/* The kind ink is the DISC; the glyph keeps the inherited text ink — see the header: a
   declared ink here is a no-op on an emoji and a 13px text pair to check 56 (3.80 / 3.93
   against the 4.5:1 text floor). The chip's 24px disc keeps its shape from the header block. */
.sibrd-chip { font-style: normal; width: var(--dim-24); height: var(--dim-24);
  border-radius: var(--radius-round); display: grid; place-items: center;
  font-size: var(--text-caption); }

/* D-422 floor — the kept template's own press grammar (see header), plus the static
   twin the mirror and a future wire render. */
.sibrd-road:active, .sibrd-road.pressed { background: var(--surface-well); }
.sibrd-road:focus-visible { outline: var(--radius-2) solid var(--accent);
  outline-offset: var(--radius-2); }