/* ==========================================================================
   XpressCoupon V131 — wide-screen stylesheet, corrected.

   V130 REVERTED. The V130 release widened --maxw and restored a two-column
   hero on the theory that the single-column base rule was a leftover. That
   was wrong: the fixed ad rail (ads.css, min-width:1480px) is positioned in
   the margin outside the content column via
   right: calc((100vw - var(--maxw))/2 - 184px).
   Growing --maxw shrank that margin and the restored hero visual landed
   exactly where the rail renders, so the skyscraper ad sat on top of the
   hero cards. The single-column hero and 1200px container are intentional
   design decisions that reserve space for the rail.

   What remains below changes NO layout geometry: only text measure and a
   decorative cap. Everything else from V130 is removed.
   ========================================================================== */

/* Cap the decorative hero blobs on ultrawide displays. They are sized in
   vw and otherwise grow without bound. Purely visual, no layout impact. */
@media (min-width: 1800px) {
  .hero__bg .b1 { width: min(46vw, 760px); height: min(46vw, 760px); }
  .hero__bg .b2 { width: min(38vw, 640px); height: min(38vw, 640px); }
}

/* Readable measure for long-form article prose only. Does not touch the
   hero, cards, grids, or any container width. */
@media (min-width: 1200px) {
  .article > p,
  .content > p {
    max-width: 72ch;
  }
}