/* Above the 1440 frame the layout is centred: every top-level block gets the
 * extra half-width as side padding, so its background still runs edge to edge
 * while the 1320 content column sits in the middle. Decorations anchored to a
 * section edge move with the content. Nothing here fires at 1440 or below. */
@media (min-width: 1441px) {
  :root { --edge: calc((100vw - 1440px) / 2); }

  /* blocks drawn with 60px side padding */
  .utility, .site-header, .markets, .collage, .jump, .rg, .payments, .site-footer,
  .shero, .featured, .meetings, .masthead, .mtabs-wrap, .workspace,
  .sd-hero, .sd-cta, .mk-hero, .rgp-hero, .hp-hero, .hp-dir, .ct-area, .bs-trans, .lg-hero {
    padding-left: calc(60px + var(--edge)); padding-right: calc(60px + var(--edge));
  }
  /* blocks drawn with 80px */
  .mk-racing, .hw-step, .rgp-sec, .rgp-tools, .rgp-resp, .bs-hero, .bs-out, .lg-body {
    padding-left: calc(80px + var(--edge)); padding-right: calc(80px + var(--edge));
  }
  /* blocks whose padding lives on their children */
  .hero, .rhero, .hw-hero, .ct-hero { padding-left: var(--edge); padding-right: var(--edge); }

  /* absolutely positioned decorations, anchored left / right of the section */
  .shero__wm, .rhero__wm, .hw-hero__wm, .hw-step__wm, .hp-hero__wm, .ct-hero__wm, .ct-hero .hero__star, .lg-hero__wm { margin-left: var(--edge); }
  .featured__wm, .mtabs { margin-right: var(--edge); }
  .sd-hero__wm { margin-left: var(--edge); margin-right: var(--edge); }

  /* the mobile menu / cookie bar / overlays are fixed layers — untouched */
}
