/* styles/sections/text-wrap.css
 * Wrapping for the Product Teams frames (in place of .frame-wrap). The frames break greedily;
 * the page wraps pretty instead (Stephan, BRI-7805 J14: avoid widows at every size), which keeps
 * a drawn break unless it ends on one word. Headings too, so they do not balance away from the
 * frames' lines. An element sets its own style through --frame-wrap-style. */
@layer sections {
  .wrap-pretty :is(h1, h2, h3, p, li, dt, dd, figcaption, blockquote, span) {
    text-wrap-style: var(--frame-wrap-style, pretty);
  }
}