/* MODULIQ Newsroom 2.1.1 — Render Core 3.1
   Single homepage renderer + deterministic Full / Wide / Boxed shell. */

/* --------------------------------------------------------------------------
   GLOBAL THREE-WIDTH SHELL
   -------------------------------------------------------------------------- */
body.mq-render-core-3{
  --mq-r3-shell-wide:min(var(--mq-r3-wide-vw,90vw),var(--mq-r3-wide-max,1920px));
  --mq-r3-shell-boxed:min(calc(100vw - 24px),var(--mq-r3-boxed-max,1280px));
  overflow-x:clip;
}

/* Wide is deliberately NOT 100%. */
body.mq-render-core-3.mq-theme-wide .mq-ticker-inner,
body.mq-render-core-3.mq-theme-wide .mq-header-main,
body.mq-render-core-3.mq-theme-wide .mq-v173-header>.mq-v173-header-inner,
body.mq-render-core-3.mq-theme-wide .mq-nav-separate>.mq-nav-inner,
body.mq-render-core-3.mq-theme-wide .mq-featured-newsbar>.mq-container,
body.mq-render-core-3.mq-theme-wide .mq-footer-builder-shell,
body.mq-render-core-3.mq-theme-wide .mq-footer[data-mq-footer-v132] .mq-footer-builder-shell,
body.mq-render-core-3.mq-theme-wide .mq-site-content>.mq-container{
  width:var(--mq-r3-shell-wide)!important;
  max-width:var(--mq-r3-wide-max,1920px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

body.mq-render-core-3.mq-theme-boxed .mq-ticker-inner,
body.mq-render-core-3.mq-theme-boxed .mq-header-main,
body.mq-render-core-3.mq-theme-boxed .mq-v173-header>.mq-v173-header-inner,
body.mq-render-core-3.mq-theme-boxed .mq-nav-separate>.mq-nav-inner,
body.mq-render-core-3.mq-theme-boxed .mq-featured-newsbar>.mq-container,
body.mq-render-core-3.mq-theme-boxed .mq-footer-builder-shell,
body.mq-render-core-3.mq-theme-boxed .mq-footer[data-mq-footer-v132] .mq-footer-builder-shell,
body.mq-render-core-3.mq-theme-boxed .mq-site-content>.mq-container{
  width:var(--mq-r3-shell-boxed)!important;
  max-width:var(--mq-r3-boxed-max,1280px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

body.mq-render-core-3.mq-theme-full .mq-ticker-inner,
body.mq-render-core-3.mq-theme-full .mq-header-main,
body.mq-render-core-3.mq-theme-full .mq-v173-header>.mq-v173-header-inner,
body.mq-render-core-3.mq-theme-full .mq-nav-separate>.mq-nav-inner,
body.mq-render-core-3.mq-theme-full .mq-featured-newsbar>.mq-container,
body.mq-render-core-3.mq-theme-full .mq-footer-builder-shell,
body.mq-render-core-3.mq-theme-full .mq-footer[data-mq-footer-v132] .mq-footer-builder-shell,
body.mq-render-core-3.mq-theme-full .mq-site-content>.mq-container{
  width:100%!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--mq-r3-full-gutter,24px)!important;
  padding-right:var(--mq-r3-full-gutter,24px)!important;
  box-sizing:border-box!important;
}

/* The homepage canvas itself is always viewport-wide. Every row then chooses
   Content / Wide / Full explicitly. This prevents global legacy rails from
   swallowing the Visual Builder geometry. */
body.mq-render-core-3-home .mq-site-content{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

.mq-r3-home{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:clip!important;
  box-sizing:border-box!important;
}

.mq-r3-row{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 34px!important;
  padding:0!important;
  box-sizing:border-box!important;
  position:relative!important;
}


/* Render Core 3.1 — Visual Builder rail calibration.
   The old 1240px content rail created a visibly excessive inset next to the
   Wide shell on desktop. Builder rows now use a dedicated 1440–1680px content
   cap, while Wide continues to use the exact global Wide rail. */
.mq-r3-row--content>.mq-r3-rail{
  width:min(calc(100% - 48px),var(--mq-r3-visual-content-max,1440px))!important;
  max-width:var(--mq-r3-visual-content-max,1440px)!important;
}
.mq-r3-row--wide>.mq-r3-rail{
  width:var(--mq-r3-shell-wide)!important;
  max-width:var(--mq-r3-wide-max,1920px)!important;
}

/* Inline !important width on .mq-r3-rail is the final authority. */
.mq-r3-rail{min-width:0!important;box-sizing:border-box!important;}

.mq-r3-grid{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  gap:28px!important;
  align-items:start!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}

.mq-r3-cell{
  min-width:0!important;
  box-sizing:border-box!important;
  position:relative!important;
  margin:0!important;
  padding:0!important;
}

.mq-r3-place--sidebar-left,.mq-r3-place--sticky-left{order:-10}
.mq-r3-place--sidebar-right,.mq-r3-place--sticky-right{order:10}
.mq-r3-place--full{grid-column:1/-1!important}
.mq-r3-place--sticky-left>.mq-r3-component,.mq-r3-place--sticky-right>.mq-r3-component{position:sticky;top:110px}

.mq-r3-component{container-type:inline-size;}

.mq-r3-component,.mq-r3-widget-area,.mq-r3-empty{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}

/* --------------------------------------------------------------------------
   COMPONENT CONTAINMENT
   Legacy section renderers may supply content, but they are forbidden from
   changing the row/cell geometry chosen in Visual Builder.
   -------------------------------------------------------------------------- */
.mq-r3-component>.mq-section,
.mq-r3-component>.mq-hero,
.mq-r3-component>.mq-hero-v044,
.mq-r3-component>.mq-layout,
.mq-r3-component>.mq-v048-section,
.mq-r3-component>.mq-v048-classic-wrap,
.mq-r3-component>.mq-v190-section,
.mq-r3-component>[class*="mq-v048-width-"]{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  translate:none!important;
  box-sizing:border-box!important;
}

.mq-r3-component .mq-section,
.mq-r3-component .mq-hero,
.mq-r3-component .mq-hero-v044,
.mq-r3-component .mq-layout,
.mq-r3-component .mq-v048-section,
.mq-r3-component .mq-v048-classic-wrap,
.mq-r3-component .mq-v190-section{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  translate:none!important;
  box-sizing:border-box!important;
}

.mq-r3-component img,.mq-r3-component video,.mq-r3-component iframe{max-width:100%!important}
.mq-r3-widget-area{display:grid!important;gap:20px!important}
.mq-r3-empty{min-height:1px!important}

/* If a full legacy Hero is intentionally placed inside a 66/50/33% builder
   cell, it must scale into that cell rather than escaping back to viewport. */
.mq-r3-component .mq-hero-v044{
  overflow:hidden!important;
}

@container (max-width:900px){
  .mq-r3-component .mq-hero-v044,
  .mq-r3-component .mq-hero-v044.mq-hero-cinema{
    height:auto!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    grid-auto-rows:minmax(220px,auto)!important;
  }
  .mq-r3-component .mq-hero-v044 .mq-hero-block.is-large{
    grid-column:1/-1!important;
    grid-row:auto!important;
    min-height:420px!important;
  }
  .mq-r3-component .mq-hero-v044 .mq-hero-block.is-small{
    grid-column:auto!important;
    grid-row:auto!important;
    min-height:220px!important;
  }
}

@media(max-width:1100px){
  .mq-r3-grid{gap:22px!important}
  .mq-r3-place--sidebar-left,.mq-r3-place--sticky-left,.mq-r3-place--sidebar-right,.mq-r3-place--sticky-right{order:0}
  .mq-r3-place--sticky-left>.mq-r3-component,.mq-r3-place--sticky-right>.mq-r3-component{position:static}
}

@media(max-width:760px){
  .mq-r3-row{margin-bottom:24px!important}
  .mq-r3-row--content>.mq-r3-rail,
  .mq-r3-row--wide>.mq-r3-rail{
    width:calc(100% - 24px)!important;
    max-width:none!important;
  }
  .mq-r3-row--full>.mq-r3-rail{padding-left:12px!important;padding-right:12px!important}
  .mq-r3-grid{grid-template-columns:1fr!important;gap:20px!important}
  .mq-r3-cell{grid-column:1/-1!important}
}