/* Keep phrases together while allowing longer headings to balance naturally. */
.with-roadster h2 .heading-line{display:block;max-width:100%;text-wrap:balance}
.with-roadster .statement .heading-line{white-space:nowrap}
.with-roadster h2 .heading-phrase{white-space:nowrap}
.with-roadster .clarity h2>.heading-primary{color:inherit}
.with-roadster .situations-heading h2{max-width:12em;text-wrap:balance}
@media(max-width:600px){
 .with-roadster .statement{font-size:clamp(1.625rem,8.3vw,3.125rem);line-height:1.17}
}

/* Keep the introduction directly beneath its heading, in both languages. */
.with-roadster .situations-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:clamp(20px,2.4vw,32px)}
.with-roadster .situations-heading>p{max-width:48ch;margin:0;text-wrap:pretty}