/*
 * Shared content geometry for the approved AERECH page families.
 * This layer normalizes outer widths only; it deliberately leaves each
 * approved page's cards, copy and component design untouched.
 */
/* The Fiber stylesheet's overflow:hidden on the root creates a scroll
   container that prevents its sticky primary header from following the page. */
html:has(body.aerech-layout-fiber-patch-cable),
body.aerech-layout-fiber-patch-cable{overflow-x:clip}

body.aerech-layout-products .container,
body.aerech-layout-sfp .container,
body.aerech-layout-dac-aoc .container,
body.aerech-layout-media-converter .container,
body.aerech-layout-fiber-network-cable .container,
body.aerech-layout-fiber-patch-cable .container,
body.aerech-layout-xwdm .container,
body.aerech-layout-edfa .container,
body.aerech-layout-solutions .container,
body.aerech-layout-solution-detail .container,
body.aerech-layout-contact .container,
body.aerech-layout-blog .container,
body.aerech-layout-article .container,
body.aerech-layout-series .container{
  width:min(1200px,calc(100% - 48px));
  margin-left:auto;
  margin-right:auto;
}

/* Product-type Solution details retain the client-approved pre-closeout
   1280px shell. Other Series/Product layouts keep the shared geometry. */
body.aerech-layout-series .aerech-solution-detail .container{
  width:min(1280px,92vw);
}

/* Article text remains intentionally narrower than page/card containers. */
.aerech-layout-article :where(.article-shell,.article-readable){
  margin-left:auto;
  margin-right:auto;
}
.aerech-layout-article .article-shell{width:min(1200px,calc(100% - 48px))}
.aerech-layout-article .article-readable{width:min(880px,calc(100% - 48px))}

/* Keep the principal grids centered even when an individual template sets a
   narrower intrinsic size. */
:where(
  .aerech-layout-products .aerech-products-overview-grid,
  .aerech-layout-contact .contact-final-grid,
  .aerech-layout-solutions .overview-grid,
  .aerech-layout-solution-detail .solution-app-grid
){margin-left:auto;margin-right:auto}

@media(max-width:620px){
  body.aerech-layout-products .container,
  body.aerech-layout-sfp .container,
  body.aerech-layout-dac-aoc .container,
  body.aerech-layout-media-converter .container,
  body.aerech-layout-fiber-network-cable .container,
  body.aerech-layout-fiber-patch-cable .container,
  body.aerech-layout-xwdm .container,
  body.aerech-layout-edfa .container,
  body.aerech-layout-solutions .container,
  body.aerech-layout-solution-detail .container,
  body.aerech-layout-contact .container,
  body.aerech-layout-blog .container,
  body.aerech-layout-article .container,
  body.aerech-layout-series .container,
  .aerech-layout-article .article-shell,
  .aerech-layout-article .article-readable{
    width:calc(100% - 40px);
  }
}