/* Shared outer content frame. Authority: Design/Website_Style_Guide.md. */
:root {
  --page-content-max:1452px;
  --page-gutter:42px;
  --contact-action-width:225px;
}
@media (max-width:1300px) { :root { --page-gutter:27px; } }
@media (max-width:900px) { :root { --page-gutter:24px; } }
@media (max-width:640px) { :root { --page-gutter:22px; } }
@media (max-width:370px) { :root { --page-gutter:18px; } }

body[data-page] :is(
  .product-container, .hero-inner, .hero-baseline, .contracts-inner,
  .content-section, .partners-inner, .solutions-strip,
  .about-hero-inner, .about-industries,
  .careers-hero-inner, .careers-values, .careers-section-inner,
  .careers-equal-opportunity, .job-hero-inner,
  .contact-inner, .site-footer
) {
  width:min(calc(100% - 2 * var(--page-gutter)),var(--page-content-max));
  max-width:var(--page-content-max);
  margin-inline:auto;
  padding-inline:0;
  min-width:0;
}

/* The Home copy and both right-hand elements use the same outer edges. */
body[data-page="home"] .hero-copy { padding-left:0; }
body[data-page="home"] .hero h1 { margin-left:0; }
body[data-page="home"] .communications-label { right:0; }
body[data-page="home"] .odin-feature { right:0; }
@media (max-width:640px) {
  body[data-page="home"] .odin-feature { left:0; width:100%; max-width:none; }
}

/* Match the ISO column to the shared contact action without moving other groups. */
body[data-page] .contact-actions .button { min-width:var(--contact-action-width); }
body[data-page] .footer-certifications-right {
  justify-self:end;
  text-align:right;
}
@media (max-width:640px) {
  body[data-page] .footer-certifications-right {
    justify-self:start;
    width:var(--contact-action-width);
    max-width:100%;
  }
}