/* Minegolia homepage-master horizontal alignment.
   Horizontal width and centering only: header/footer, vertical rhythm, scale, typography,
   hero heights and component dimensions are intentionally untouched. */
:root{
  --mg-site-max-width:1240px;
  --mg-site-gutter:42px;
}

/* Approved homepage frames plus every internal main-content frame share one system. */
body.home .mg-home-final .mg-container,
body.home .mg-home-final .mg-home-hero-inner,
body.home .mg-home-final .mg-home-kpi-grid,
body.front-page .mg-home-final .mg-container,
body.front-page .mg-home-final .mg-home-hero-inner,
body.front-page .mg-home-final .mg-home-kpi-grid,
html body:not(.home) main .mg-container,
html body:not(.home) main.mg-module .mg-container.mg-module-hero-grid,
html body:not(.home) main.mg-container{
  width:min(calc(100% - var(--mg-site-gutter)),var(--mg-site-max-width))!important;
  margin-inline:auto!important;
}

/* Mineral hero grid is nested inside its aligned container; remove its obsolete narrower frame. */
html body:not(.home) main.mg-mineral-detail .mg-mineral-hero-grid{
  width:100%!important;
  margin-inline:0!important;
}

@media (min-width:1600px){
  :root{--mg-site-max-width:1260px;--mg-site-gutter:48px;}
}

@media (max-width:1366px) and (min-width:1001px){
  :root{--mg-site-max-width:1180px;--mg-site-gutter:32px;}
}

@media (max-width:1100px){
  :root{--mg-site-max-width:100%;--mg-site-gutter:32px;}
}

@media (max-width:780px){
  :root{--mg-site-gutter:30px;}
}

@media (max-width:480px){
  :root{--mg-site-gutter:28px;}
}