/* MODULIQ Newsroom v2.5.8 — News tabs stay inside the editorial page box. */

/* A wide/full Visual Builder row may be wider than the ordinary editorial
   canvas. The tab widget itself should still align with the content above it. */
.mq-v257-tab-widget{
  width:min(100%,1600px)!important;
  max-width:1600px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

.mq-v257-tab-widget,
.mq-v257-tab-widget *{
  box-sizing:border-box;
}

.mq-v257-tab-widget .mq-tab-buttons,
.mq-v257-tab-widget .mq-tab-panel,
.mq-v257-tab-widget .mq-v257-tab-grid{
  width:100%;
  max-width:100%;
  min-width:0;
}

/* Three columns remain inside the available rail instead of forcing the
   component wider. */
.mq-v257-tab-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  overflow:hidden;
}

.mq-v257-tab-card,
.mq-v257-tab-copy,
.mq-v257-tab-copy h4,
.mq-v257-tab-copy h4 a,
.mq-v257-tab-meta{
  min-width:0;
  max-width:100%;
}

.mq-v257-tab-card{
  width:100%;
  overflow:hidden;
}

.mq-v257-tab-copy h4 a,
.mq-v257-comment-excerpt{
  overflow-wrap:anywhere;
  word-break:normal;
}

/* Slightly compact the cards before the layout needs to drop to two columns. */
@container (max-width:1320px){
  .mq-v257-tab-card{grid-template-columns:96px minmax(0,1fr);gap:12px}
  .mq-v257-tab-thumb img,.mq-v257-card-placeholder{width:96px;height:74px}
  .mq-v257-tab-copy h4{font-size:14px}
}

@container (max-width:980px){
  .mq-v257-tab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@container (max-width:620px){
  .mq-v257-tab-grid{grid-template-columns:1fr}
  .mq-v257-tab-widget .mq-tab-panel{padding:16px}
}

/* Fallback when container queries are unavailable. */
@media(max-width:1100px){
  .mq-v257-tab-card{grid-template-columns:96px minmax(0,1fr);gap:12px}
  .mq-v257-tab-thumb img,.mq-v257-card-placeholder{width:96px;height:74px}
}
@media(max-width:900px){.mq-v257-tab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.mq-v257-tab-grid{grid-template-columns:1fr}}