/* ══════════════════════════════════════════════════════════════════════
   FG — how lines break. One file, every page.

   The scale (sizes, measure, weights) lives in each page's own stylesheet and
   in DESIGN-SYSTEM.md §3. This file is only about the last line of a block —
   the thing no clamp can fix, because it depends on where the words happen to
   fall at the width the visitor happens to have.

   Measured on the landing at 1000 / 1100 / 1200 / 1366 / 1440 / 1920 before
   this file existed: eight blocks per width ended on a single word, including
   the hero headline ("lead." alone, 24% of the measure), both section headings,
   and the closing "Your agent is about a minute away." — a heading whose last
   line was the word "away." A ragged edge is fine. One word alone is a stop.

   · balance — for anything set large: headings, eyebrows, leads. The browser
     evens the lines instead of filling greedily and leaving a stub. It costs a
     second layout pass and Chrome only does it up to six lines, which is more
     than any heading here has.
   · pretty — for body copy, where balancing every paragraph would centre the
     rag and look mannered. It only pulls a word down to prevent the stub.

   Both degrade to ordinary wrapping in a browser that does not know them, so
   nothing here can break a page — it can only stop being applied.
   ══════════════════════════════════════════════════════════════════════ */

h1, h2, h3, h4,
.h2, .pv-h1, .ab-h1, .hero h1,
.lead, .lead-sm, .hero-note, .eyebrow, .sec-head p {
  text-wrap: balance;
}

p, li, dd, summary, .ans, .fcard p, .flow-step p, figcaption, blockquote {
  text-wrap: pretty;
}