/* A single visual rail keeps each desktop section reading as one page.
   The campaign hero deliberately remains full bleed. */
@media (min-width: 1101px) {
  :root {
    --mg-content-rail: min(calc(100% - 64px), 1420px);
  }

  #desktop-home > .d-section:not(.d-hero) > .d-shell {
    width: var(--mg-content-rail);
    max-width: none;
    margin-inline: auto;
  }

  /* The fixed desktop header is taller than the default section anchor gap.
     Keep the course tabs and heading clear when visitors use the menu link. */
  #desktop-home .d-courses {
    scroll-margin-top: 132px;
  }

  /* Poster-and-explanation pairs use one shared flex row so their outer
     top and bottom edges stay identical even when the poster is taller. */
  #desktop-home .d-proof-grid,
  #desktop-home .d-promise-grid {
    display: flex;
    align-items: stretch;
  }

  #desktop-home .d-award-poster,
  #desktop-home .d-promise-poster {
    width: clamp(350px, 30.3vw, 430px);
    flex: 0 0 clamp(350px, 30.3vw, 430px);
    align-self: flex-start;
  }

  #desktop-home .d-proof-grid > .d-copy-rail,
  #desktop-home .d-promise-content {
    min-width: 0;
    flex: 1 1 0;
    align-self: stretch;
  }
}
