/* Shared public-site content edges. The homepage/header shell is the reference. */
:root { --public-content-max: 1380px; }
.modern-page,
.public-legacy-page,
.public-order-page,
.public-guide-page {
  --shell: var(--public-content-max);
  --content-gutter: 20px;
  --content-width: min(var(--shell), calc(100% - 2 * var(--content-gutter)));
}
.modern-page .shell,
.modern-page .blog-shell,
.modern-page .article-wrap,
.modern-page .legacy-modern-content .container,
.public-legacy-page .container,
.public-legacy-page .footer-container,
.public-order-page .main-header .container,
.public-order-page .order-container,
.public-guide-page .guide-layout {
  width: var(--content-width);
  max-width: var(--shell);
  margin-inline: auto;
}
/* Legacy wrappers include their own horizontal gutters; the shared width already supplies these. */
.modern-page .legacy-modern-content .container,
.public-legacy-page .container,
.public-legacy-page .footer-container,
.public-order-page .main-header .container,
.public-guide-page .guide-layout {
  padding-inline: 0;
}
.modern-page .legacy-modern-content > .container[style],
.public-legacy-page > .container[style] {
  padding-inline: 0 !important;
}
/* Keep long-form text readable while aligning the article's outer edge with the site. */
.modern-page .article-content {
  max-width: 920px;
}
.public-order-page .order-container { margin-inline: auto; }
.public-guide-page .guide-header {
  padding-inline: max(var(--content-gutter), calc((100% - var(--shell)) / 2));
}
@media (max-width: 900px) {
  .modern-page,
  .public-legacy-page,
  .public-order-page,
  .public-guide-page { --content-gutter: 14px; }
}
/* Match the software rail's edge padding to the shared gutter while retaining horizontal scrolling. */
@media (max-width: 992px) {
  .modern-page .software-solutions .solutions-grid {
    margin-inline: calc(-1 * var(--content-gutter));
    padding-inline: var(--content-gutter);
    scroll-padding-inline: var(--content-gutter);
  }
}