/* Full-width page backgrounds; shared, centered 1400px content boundary. */
:root { --max: 1400px; }

html body {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

body .wrap,
body .hero.image-hero .wrap,
body .hero-grid,
body .ux-frame,
body .ux-mega-inner,
body .um-frame,
body .um-panel-inner,
body .v6-home-frame,
body .v5-intelligence .v5-inner,
body .v5-next .v5-inner,
body .v4-cockpit .inner,
body .v4-command-frame,
body .v4-more-inner,
body .fo-top-inner,
body .fo-hero-inner,
body .fo-main,
body .v7-dir-hero .inner,
body .v7-dir-main,
body .v7-fellows-band .inner,
body .v7-image-break .inner,
body .v7-profile-main,
body .site-index-hero .inner,
body .site-index-main,
body .ai-wrap,
body .ua-wrap,
body .ub-wrap,
body .up92,
body #unione-engine-shortcode-content .eoi-wrap,
body #unione-engine-shortcode-content .unione-wrap,
body #unione-engine-shortcode-content .unione-blog-hero__inner,
body #unione-engine-shortcode-content .unm-wla-container {
  width: 90% !important;
  max-width: 1400px !important;
  margin-inline: auto !important;
  box-sizing: border-box;
}

/* A hero grid inside the content wrapper must not add a second gutter. */
body .wrap .hero-grid,
body .hero.image-hero .wrap .hero-grid {
  width: 100% !important;
  max-width: 1400px !important;
}

/* Header and footer retain full-width content with 5% side gutters. */
body header.unione-v3-header .ux-frame,
body header.unione-v3-header .ux-mega-inner,
body .ux-footer .ux-frame {
  width: 100% !important;
  max-width: none !important;
  padding-left: 5%;
  padding-right: 5%;
}

body .ux-footer .ux-footer-boundary {
  padding-inline: 5% !important;
}