/* Single shared content grid for homepage, subpages, header and footer. */
:root { --container: 1400px; --rr-content: 1400px; }
html body .site-main,
html body .site-main.home-main,
html body .site-header .brand-bar__inner,
html body .site-header .network-bar__inner,
html body .site-header .header-navbar__inner,
html body .rr-footer__inner,
html body .site-footer__inner,
html body .rr-livebar__inner {
  box-sizing: border-box !important;
  width: calc(100% - 48px) !important;
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Remove competing nested horizontal gutters, not the section's own vertical rhythm. */
html body.rr-home .site-main.home-main { padding-left: 0 !important; padding-right: 0 !important; }
html body.rr-home .site-main.home-main > .ci-hero,
html body.rr-home .site-main.home-main > .ci-service,
html body.rr-home .site-main.home-main > .rr-studio-link,
html body.rr-home .site-main.home-main > .home-section,
html body.rr-home .site-main.home-main > .events-section,
html body.rr-home .site-main.home-main > .ci-contact {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html body .site-main > .subhero,
html body .site-main > .card,
html body .site-main > section { max-width: none; }
@media (max-width: 760px) {
  html body .site-main,
  html body .site-main.home-main,
  html body .site-header .brand-bar__inner,
  html body .site-header .network-bar__inner,
  html body .site-header .header-navbar__inner,
  html body .rr-footer__inner,
  html body .site-footer__inner,
  html body .rr-livebar__inner { width: calc(100% - 32px) !important; }
}

/* Final alignment: the page wrapper owns the gutters; subpages must not add a second inset. */
html body .site-main:not(.home-main) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html body .site-main:not(.home-main) > .weather-hero,
html body .site-main:not(.home-main) > .traffic-hero,
html body .site-main:not(.home-main) > .schedule-hero,
html body .site-main:not(.home-main) > .legal-hero,
html body .site-main:not(.home-main) > .join-hero,
html body .site-main:not(.home-main) > .contact-hero,
html body .site-main:not(.home-main) > .playlist-page-hero,
html body .site-main:not(.home-main) > .subhero,
html body .site-main:not(.home-main) > .card {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html body .site-main:not(.home-main) { padding-top: 24px !important; }
@media (max-width: 760px) {
  html body .site-main:not(.home-main) { padding-top: 16px !important; }
}