/* ================================================================
   promo-responsive-v1.2 (2026-09-23): positioning pass for the three
   homepage promo sections (.home-lp-promo / .home-sv-promo /
   .home-pd-promo) across screen sizes.
   Fixes: sections stacked flush (0 margins) at every width; bordered
   cards touching screen edges on phones.

   Deliberately NO @media queries: the host's CSS optimizer serves
   browsers a merged sheet that drops media-scoped rules, so the
   responsive effect is achieved with plain rules only:
   - 26px vertical padding gives breathing room at every width;
   - 16px side padding is invisible on desktop (the 760px max-width
     still governs the card) and creates gutters on phones.
   Handle: hmmnm-promo-responsive (dep: hmmnm-typography).
   ================================================================ */

.home-lp-promo,
.home-sv-promo,
.home-pd-promo {
  padding: 26px 16px;
}