/* Clean title line breaks on every page (owner, 2026-11-07), loaded last by
   app/routes/_renderer.tsx.
   - Balanced titles: lines of even length, so no title ends with one word
     alone on its own line. `!important` because many ported designs switch
     balancing off (`text-wrap:initial`) in their own heading rules.
   - .title-part: one sentence or clause of a title (added by app/lib/heading-
     breaks.ts). Inline-block keeps it whole when it fits, so a two-part title
     breaks at its "?", ":" or "." instead of inside the second part.
   - br.soft: see the media rule at the end. */
h1,h2,h3{text-wrap:balance!important}
.title-part{display:inline-block;text-wrap:balance}
/* A design line break placed mid-phrase (<br class="soft">) only applies on
   wider screens; on phones the title flows and balances. */
@media(max-width:760px){br.soft{display:none}}
/* Use-case persona titles (h1 with --len) are sized to fill at most three
   lines as continuous text; on phones keeping sentences whole would push
   some to four, so there they flow (still balanced). */
@media(max-width:760px){h1[style*="--len"] .title-part{display:inline}}