/* Aligns the two headline rows into a fixed label column + word column,
   so "Turn"/"into" share a left edge and the rotating word starts at the
   same x on both lines regardless of "Turn" vs "into" width. Targeting
   #ispyh-2-2 directly (id + no extra class) beats the builder export's
   plain #ispyh-2-2 rule (specificity 1,0,0 vs 1,0,0 load-order tie) — see
   theme.css for the `body #id` trick this mirrors. */
body #ispyh-2-2 {
    display: inline-grid;
    grid-template-columns: max-content max-content;
    column-gap: 0.26em;
    row-gap: 0;
    align-items: baseline;
}

.rolling-headline-label {
    display: inline-block;
}

/* The label carries a leading   (kept so the text still reads "Turn
   Into" correctly when selected/copied); pull it back so the visible "I"
   still lines up under "T". */
.rolling-headline-label-into {
    margin-left: -0.1em;
}