#typography

text-wrap: balance for balanced headlines with no JS

h1, h2, .card-title {
  text-wrap: balance;
  max-width: 40ch;
}

text-wrap: balance redistributes a heading's line breaks evenly instead of greedy fill — computed by the layout engine, re-balanced on every resize.