/*
 * One outer grid for the entire public site.
 * Percentages resolve against the layout viewport, excluding a classic scrollbar.
 * Component columns, reading measures and full-bleed section backgrounds remain independent.
 */
.is-site{
 --is-grid-max:1280px;
 --is-grid-gutter:48px;
 --is-grid-gap:48px;
 --is-grid-columns:12;
 --is-grid-width:min(var(--is-grid-max),calc(100% - var(--is-grid-gutter) - var(--is-grid-gutter)));
}
@media(max-width:1199px){.is-site{--is-grid-gutter:32px;--is-grid-gap:32px}}
@media(max-width:767px){.is-site{--is-grid-gutter:20px;--is-grid-gap:24px}}

/* Named pinned layouts used to carry their own conflicting width/breakpoint rules. */
.is-site .is-container,
.is-site .is-container.is-system-layout,
.is-site .is-container.is-orbit-layout,
.is-site .is-container.is-story-layout,
.is-site .is-container.is-proof-layout,
.is-site .is-container.is-expertise-layout,
.is-site .is-container.is-faq-layout,
.is-site .is-container.is-intro-layout,
.is-site .is-container.is-turnkey-layout,
.is-site .is-container.is-contact-layout,
.is-site .is-container.is-footer-grid,
.is-site .is-container.is-footer-bottom,
.is-site .is-category-nav>.is-container,
.is-site .is-page-body>.is-container.is-prose,
.is-site .is-status-page>.is-container,
.is-site .is-container.is-legal{
 box-sizing:border-box;
 width:var(--is-grid-width);
 max-width:var(--is-grid-max);
 min-width:0;
 margin-inline:auto;
}

/* A container inside another container uses the parent's tracks, not a second pair of gutters. */
.is-site .is-container .is-container{
 width:100%;
 max-width:none;
 margin-inline:0;
 padding-inline:0;
}

/* Long translated text must shrink within its assigned column instead of widening the page. */
.is-site .is-container:where(.is-feature-grid,.is-intro-layout,.is-turnkey-layout,.is-contact-layout,.is-faq-layout,.is-system-layout,.is-proof-layout,.is-orbit-layout,.is-footer-grid)>*,
.is-site .is-products-list,
.is-site .is-solutions-catalog,
.is-site .is-solutions-grid{
 min-width:0;
}

/* These wrappers were unnecessarily re-centered to 720/900px on otherwise full-width rows. */
.is-site .is-orbit-copy-column,
.is-site .is-proof-content{
 width:100%;
 max-width:none;
 min-width:0;
 margin-inline:0;
}

/* Keep the drawing frame on the grid. The camera/illustration still controls its own composition. */
.is-site .is-system-figure>.is-system-model{
 width:100%;
 max-width:100%;
 left:0;
 margin-inline:0;
}
.is-site .is-equipment-scene .is-equipment-board{
 width:100%;
 max-width:100%;
 margin-inline:0;
}
@media(max-width:600px){
 .is-site .is-orbit-wheel{
  width:min(100%,410px);
  max-width:100%;
  left:0;
  margin-inline:auto;
 }
}

/* Readable legal/status copy remains left-aligned within the shared outer wrapper. */
.is-site .is-legal.is-prose>p{max-width:76ch}

@media print{
 .is-site{--is-grid-gutter:0px}
 .is-site .is-container{width:100%;max-width:none}
}