/* v29e (round 2, WP-C, 14 Nov 2026): six case studies.
   - /results/: scoreboard 3 x 2 (2 x 3 on phone); cards in pairs (the first card no longer spans both columns).
   - Segment-timeline hero (canning filler, packaging lines): blue = productive time, orange = time lost.
   Loads after v29c.css, so it wins where both set a rule. */
.v9-score{grid-template-columns:repeat(3,1fr)}
.v9-card:first-child{grid-column:auto}

figure.v9-seg{margin:0}
.v9-seg svg{display:block;width:100%;height:auto;overflow:visible;margin-top:18px}
.v9-seg[data-state="before"] .c-a{opacity:0}
.v9-seg[data-state="before"] .c-cap{color:#F3A27F}
.v9-seg figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:8px;min-height:44px}
.s-run{fill:#2A78D6}
.s-lost{fill:#EB6834}
.s-lab{fill:#9FB0C4}
.s-axis{stroke:#4A6582;stroke-width:2}
.s-lg{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:12px;font-size:14px;color:#D5DCE6}
.s-lg span{display:inline-flex;align-items:center;gap:8px}
.s-lg i{display:inline-block;width:14px;height:14px;border-radius:4px}
.s-lg i.s-run{background:#2A78D6}
.s-lg i.s-lost{background:#EB6834}

@media (max-width:520px){
  .v9-score li:last-child{grid-column:auto}
  .v9-score{grid-template-columns:repeat(2,minmax(0,1fr))}
  .s-lg{font-size:13px}
}
/* cards now sit in pairs from the first one: the big figure must fit half the width ("13 weeks → 9 days" ran 2 px over) */
@media (min-width:761px){.v9-big{font-size:50px;letter-spacing:-1.5px}}