/* V12 ZRY-V12-HEAD: headlines fit their column instead of wrapping inside it.
   Root cause: headline size, tracking and weight were set independently of column width, so the looser V6/V9 tracking (about 8% wider than the approved build) tipped authored lines over the edge of narrower columns, and V9 widened one heading past its grid cell (collision with the photograph). Each authored line is now a block whose font size is the approved size, reduced only when the column is narrower than the line needs (floor 74% of approved). --fit is the widest authored line in em, measured from the shipped font. No per-viewport overrides. */
@media(min-width:600px){
  .fit{container-type:inline-size;display:block;width:100%;box-sizing:border-box}
  .fit .ln{display:block;font-size:clamp(.74em,calc(100cqi / var(--fit,14)),1em)!important}
}
.fit .ln.plain{color:inherit!important}
/* How It Works: one shared size for all nine stage titles. Fits the authored two-line titles that are 8.2em or shorter; the three longer ones (stages 5, 6, 8) wrap their long line to three balanced lines instead of shrinking away from the others. */
#stage-title.fit{--fit:8.4}
@media(min-width:600px){#stage-title.fit .ln{font-size:min(1em,calc(100cqi / var(--fit)))!important}}

/* Earnings hero (V13 ZRY-V13-001): the approved three-line composition (Your vehicle / More earning / potential) now runs from 701px up (where the hero places the photograph beside the text; at 700px and below the photograph sits under the text and two lines are kept) at the approved size, with no shrinking. V12 held two lines below 1280px, which squeezed "More earning potential" to 91% and carried it into the photograph fade beside the subject at 1100px. Three lines keep the widest line (6.9em) well inside the text column. */
@media(min-width:701px){
  .fit--hero3{--fit:6.9!important}
  .fit--hero3 .ln-a,.fit--hero3 .ln-b{display:block}
}