/* ==========================================================================
   Post-migration tweaks.

   Kept separate from the stylesheets captured out of WordPress so it stays
   obvious what we changed. Loaded last, so it wins without !important.
   ========================================================================== */

/* --------------------------------------------------------------------------
   "HEXA Possibilities" / "WHO IS IT FOR" card rows

   The list is a flex row whose items had no basis (`flex: 0 1 auto`), so each
   card was as wide as its own text: 191/209/209/209/209 in the first row and
   216/213/181/213/205 in the second. Giving every item the same basis divides
   the row evenly instead.

   Scoped above 768px because below that the theme turns the list into a column,
   where a zero basis would collapse the cards vertically.
   -------------------------------------------------------------------------- */
@media screen and (min-width: 769px) {
  .possibilities-list {
    align-items: stretch;
  }

  .possibilities-list > li {
    flex: 1 1 0;
    /* without this, a long unbroken run of text can still push a card wider */
    min-width: 0;
  }

  /* headings sit on 1–2 lines; balance them so a single character never
     ends up alone on the second line */
  .possibilities-list > li h3 {
    text-wrap: balance;
  }
}