/** Phase E4: consistent full-width heroes and centered 90% page content. */
main section[class$="-hero"],
main section[class*="-hero "] {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

.home-section,
.about-shell,
.aio-shell,
.builders-shell,
.build-shell,
.careers-shell,
.cert-shell,
.commercial-shell,
.contact-shell,
.content-shell,
.cs-shell,
.edu-shell,
.flood-shell,
.gov-shell,
.industrial-shell,
.industries-shell,
.kc-shell,
.legal-shell,
.lens-shell,
.lite-shell,
.logistics-shell,
.mrd-shell,
.nm-shell,
.not-found-shell,
.p3-shell,
.ph-shell,
.products-shell,
.rc-shell,
.religious-shell,
.resorts-shell,
.series-shell,
.sitemap-shell,
.solar-shell,
.studs-shell,
.success-shell,
.support-shell,
.veyil-shell,
.why-shell {
  width: 90% !important;
  max-width: none !important;
  margin-inline: auto !important;
}

.home-hero__inner {
  width: 90% !important;
  max-width: none !important;
  margin-inline: auto !important;
}

/* Higher specificity is required for the legacy inline About width rule. */
.site-main .about-shell {
  width: 90% !important;
  max-width: none !important;
  margin-inline: auto !important;
}

@media (max-width: 900px) {
  .home-section,
  .about-shell,
  .aio-shell,
  .builders-shell,
  .build-shell,
  .careers-shell,
  .cert-shell,
  .commercial-shell,
  .contact-shell,
  .content-shell,
  .cs-shell,
  .edu-shell,
  .flood-shell,
  .gov-shell,
  .industrial-shell,
  .industries-shell,
  .kc-shell,
  .legal-shell,
  .lens-shell,
  .lite-shell,
  .logistics-shell,
  .mrd-shell,
  .nm-shell,
  .not-found-shell,
  .p3-shell,
  .ph-shell,
  .products-shell,
  .rc-shell,
  .religious-shell,
  .resorts-shell,
  .series-shell,
  .sitemap-shell,
  .solar-shell,
  .studs-shell,
  .success-shell,
  .support-shell,
  .veyil-shell,
  .why-shell,
  .home-hero__inner {
    width: min(100% - 32px, 100%) !important;
  }

  .site-main .about-shell {
    width: min(100% - 32px, 100%) !important;
  }
}

@media (max-width: 620px) {
  .home-section,
  .about-shell,
  .aio-shell,
  .builders-shell,
  .build-shell,
  .careers-shell,
  .cert-shell,
  .commercial-shell,
  .contact-shell,
  .content-shell,
  .cs-shell,
  .edu-shell,
  .flood-shell,
  .gov-shell,
  .industrial-shell,
  .industries-shell,
  .kc-shell,
  .legal-shell,
  .lens-shell,
  .lite-shell,
  .logistics-shell,
  .mrd-shell,
  .nm-shell,
  .not-found-shell,
  .p3-shell,
  .ph-shell,
  .products-shell,
  .rc-shell,
  .religious-shell,
  .resorts-shell,
  .series-shell,
  .sitemap-shell,
  .solar-shell,
  .studs-shell,
  .success-shell,
  .support-shell,
  .veyil-shell,
  .why-shell,
  .home-hero__inner {
    width: min(100% - 24px, 100%) !important;
  }

  .site-main .about-shell {
    width: min(100% - 24px, 100%) !important;
  }
}