/* MODULIQ Newsroom v1.6.5 — Breaking News visibility/layout hotfix */

body.mq-unified-frontend-shell .mq-ticker-inner{
  grid-template-columns:max-content minmax(0,1fr) max-content!important;
  width:min(var(--mq-wide-percent,90vw),var(--mq-wide-width,1920px))!important;
  max-width:none!important;
  margin-inline:auto!important;
}

/* Each story owns one full ticker row. Without flex-basis, multiple anchors
   shrink into a single 22px flex column and the old carousel can move them
   outside of the visible viewport. */
body.mq-unified-frontend-shell .mq-ticker-track{
  display:flex!important;
  flex-direction:column!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  overflow:visible!important;
  transition:transform .45s ease!important;
  align-self:center!important;
}
body.mq-unified-frontend-shell .mq-ticker-track>a{
  display:block!important;
  flex:0 0 22px!important;
  height:22px!important;
  min-height:22px!important;
  line-height:22px!important;
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Subscribe is the last grid cell and is always pushed to the extreme right
   edge of the current page canvas. */
body.mq-unified-frontend-shell .mq-ticker-subscribe{
  grid-column:3!important;
  justify-self:end!important;
  margin-left:auto!important;
  margin-right:0!important;
  position:relative!important;
  right:0!important;
  z-index:3!important;
}
body.mq-unified-frontend-shell .mq-ticker-label{grid-column:1!important}
body.mq-unified-frontend-shell .mq-ticker-track{grid-column:2!important}

@media(max-width:760px){
  body.mq-unified-frontend-shell .mq-ticker-inner{
    grid-template-columns:max-content minmax(0,1fr) max-content!important;
    gap:8px!important;
  }
  body.mq-unified-frontend-shell .mq-ticker-track,
  body.mq-unified-frontend-shell .mq-ticker-track>a{
    height:20px!important;
    min-height:20px!important;
    flex-basis:20px!important;
    line-height:20px!important;
  }
}
@media(max-width:520px){
  body.mq-unified-frontend-shell .mq-ticker-inner{
    grid-template-columns:minmax(0,1fr) max-content!important;
  }
  body.mq-unified-frontend-shell .mq-ticker-track{grid-column:1!important}
  body.mq-unified-frontend-shell .mq-ticker-subscribe{
    grid-column:2!important;
    justify-self:end!important;
  }
}
