/* BAVAR Mother V1.2 — conservative mobile stabilizer for four public news templates. */
@media (max-width: 820px) {
 html, body { max-width:100%; overflow-x:clip; }
 body #app, body .page, body .container, body .wrap, body .layout, body .layout-home, body .news-main, body .mainarea, body .ad-rail, body .ad-layout, body .ad-horizontal-stack, body .ad-vstack {min-width:0;max-width:100%;box-sizing:border-box}
 body img,body video{max-width:100%}
 /* Some templates have more navigation links than the mobile width: keep them accessible by touch. */
 body .mainnav .navinner,body .nav-shell .nav,body .topline .wrap {max-width:100%;min-width:0}
 body .mainnav .navinner{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
 body .mainnav .navinner>a{flex-shrink:0}
 body .ad-rail .ad-layout{width:100%;min-width:0}
 body .ad-rail .ad-horizontal-stack{width:100%;min-width:0}
 body .ad-rail .ad-vstack{min-width:0}
 body .layout-home .news-main{min-width:0}
 body .lead-grid,body .cards-three,body .news-grid,body .news-list,body .news-card,body .news-card-body {min-width:0}
 body .news-card img,body .media-card img,body .lead-grid img{max-width:100%}
}
@media (max-width: 600px) {
 body .container,body .page,body .wrap{box-sizing:border-box;max-width:100%;}
 body .layout-home,body .layout{min-width:0;max-width:100%}
 body .news-main,body .mainarea{min-width:0}
 body .ad-rail .ad-layout {grid-template-columns:minmax(0,1fr) minmax(78px,25%) !important;gap:8px!important;align-items:start}
 body .ad-rail .ad-horizontal-stack > [data-bf-slot]{min-width:0}
 body .ad-rail .ad-vstack > [data-bf-slot]{min-width:0}
 body .news-card h3,body .lead-content h2,body .news-body h3{overflow-wrap:anywhere}
 body .media-row,body .news-grid,body .cards-three{max-width:100%}
 body .nav-shell,body .mainnav,body .nav-wrap {max-width:100%}
 body .site-name,body .brand-title,body .brand-info strong{overflow-wrap:anywhere}
}
@media (max-width: 400px) {
 body .ad-rail .ad-layout{grid-template-columns:minmax(0,1fr) 78px!important}
 body .media-row img,body .gallery-grid img{max-width:100%}
}