/* ─────────────────────────────────────────
   PAGE WIDTH — one width for every section on the new pages
   (home, weekend, travel, story, good-to-know). Every section's content
   sits in .container (layout.css: 1300px max, 48px side padding) and the
   main layout inside it fills it. Loaded after the section files, so it
   wins over the narrower boxes those files still give index.html
   (stay / dress code 1080px, RSVP 760px). index.html doesn't load this.
───────────────────────────────────────── */

.stay-grid,
.travel-grid,
.dresscode-grid {
  max-width: none;
}

.container.rsvp-container {
  max-width: 1300px;
}