/* Mobile overflow fixes (below the 40rem breakpoint only).
   The global `h2` hero rule sets section headings to a 58px minimum, so a long single word
   (e.g. "conversation.") was wider than the 20px-gutter content box and pushed its grid track
   past the viewport. Cap the size so the longest heading word fits; 58px is kept wherever it fits. */
@media (max-width:39.99rem){
  .heading-display{font-size:min(58px,calc((100vw - 40px) / 6.4));overflow-wrap:anywhere}
}
/* The unbreakable footer email set the footer grid's min-content width (wider still when the web font
   has not loaded and Georgia is used); allow it to wrap only when it cannot fit. */
footer a[href^="mailto:"]{overflow-wrap:anywhere}