/* ════════════════════════════════════════════════════════════════════════════════
   SHARED·KEYVALUEROWS (1126) — the label/value rows inside a box.
   ──────────────────────────────────────────────────────────────────────────────
   EXTRACTED 2026-09-11 from the nine guide drafts' hand-rolled `.tbl`/`.tr`
   tables (bottle-502's "ONE's printed guide", nappy-502's "Kind & Gezin's own
   chart" — same block, same values, pasted per deck).

   🔴 THE SHAPE IS ANDREW'S OPTION A (guide-drafts/wayout-shapes.html, ruled
   2026-09-11). The drafts' rows were JUSTIFIED two-column — label left, value
   right-aligned — and Andrew rejected it: "This table doesnt work". Right-aligning
   the value makes every row start in a different place, so a long value wraps into
   a ragged block and a short one floats alone. HERE: the label sits ABOVE the line,
   label and value both left-aligned on ONE edge — every row reads from the same
   place, and a wrapping value stays a block. The justified form is retired; do not
   reintroduce it.

   COMPOSED INSIDE 411 SHARED·NOTICEBOX: the box (`.ntc`) and its head (`.bxh`)
   are 411's; this component renders only the rows. The label takes the BOX'S KIND
   (`--kind-ink`, set by the box's kind class) and is never hard-coded here — the
   same rule 1123 EYEBROW carries. Used outside any box, it falls back to --teal-700
   (the read kind every box family wears — and the draft's own colour; --accent
   fails the D-740 4.5:1 floor at 11px on the page ground).

   Draft values, tokenised and grid-snapped (D-511): row padding 9px → --space-8;
   the label→value gap 2px → --space-4; the row rule is the token-exception'd 1px
   hairline every footrow in the app uses.
   ════════════════════════════════════════════════════════════════════════════════ */
.kvr { margin: 0; }
.kvr-row { padding: var(--space-8) 0; border-bottom: 1px solid var(--border-hairline); } /* token-exception: a hairline */
.kvr-row:last-child { border-bottom: 0; padding-bottom: 0; }
.kvr-k { display: block; font-family: var(--font-label); font-size: var(--text-label); font-weight: var(--weight-700);
  letter-spacing: var(--tracking-05); text-transform: uppercase; color: var(--kind-ink, var(--teal-700)); margin-bottom: var(--space-4); }
.kvr-v { font-family: var(--font-body); font-size: var(--text-body); line-height: var(--leading-145); color: var(--text-primary); }