/* NewsOS v5.3.1 — theme-safe responsive corrections.
   Loaded after theme CSS so every shipped theme obeys the same mobile layout. */

.breaking-label{position:relative;z-index:2;flex:0 0 auto}
.breaking-viewport{flex:1 1 auto;min-width:0;overflow:hidden;height:100%;display:flex;align-items:center}
.breaking-viewport .breaking-track{width:max-content;max-width:none;will-change:transform}

@media (max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  body[class*="site-theme-"] .hero-grid{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    min-height:0!important;
    gap:14px!important;
    width:100%;
  }
  body[class*="site-theme-"] .hero-grid>*{min-width:0;width:100%;max-width:100%}
  body[class*="site-theme-"] .hero-lead{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/11;
    grid-column:auto!important;
  }
  body[class*="site-theme-"] .hero-lead>a,
  body[class*="site-theme-"] .hero-secondary>a{display:block;width:100%;height:100%}
  body[class*="site-theme-"] .hero-lead img,
  body[class*="site-theme-"] .hero-secondary img{width:100%;height:100%;object-fit:cover}
  body[class*="site-theme-"] .hero-stack{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    gap:12px!important;
    min-width:0;
  }
  body[class*="site-theme-"] .hero-secondary{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/3;
    min-width:0;
    margin-bottom:0!important;
  }
  body[class*="site-theme-"] .hero-list{
    grid-column:auto!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body[class*="site-theme-"] .hero-list-title{grid-column:auto!important}
  body[class*="site-theme-"] .hero-list-item{
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    align-items:center;
    gap:14px!important;
  }
  body[class*="site-theme-"] .hero-list-item img{
    width:112px!important;
    height:82px!important;
    max-width:112px!important;
    object-fit:cover;
  }
  body[class*="site-theme-"] .hero-list-item>div,
  body[class*="site-theme-"] .hero-list-text>strong{min-width:0}
  body[class*="site-theme-"] .hero-list-item strong,
  body[class*="site-theme-"] .hero-list-text strong,
  body[class*="site-theme-"] .hero-content h1,
  body[class*="site-theme-"] .hero-content h2{
    word-break:normal!important;
    overflow-wrap:break-word!important;
    hyphens:none!important;
  }
  body[class*="site-theme-"] .hero-list-text{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:10px!important;
  }
  body[class*="site-theme-"] .hero-content h1{font-size:clamp(32px,6vw,44px)!important;line-height:1.06!important}
  body[class*="site-theme-"] .hero-content h2{font-size:clamp(21px,3.8vw,29px)!important;line-height:1.08!important}
  body[class*="site-theme-"] .masthead{
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 44px;
    align-items:center;
    gap:8px;
  }
  body[class*="site-theme-"] .mobile-menu{display:block;justify-self:start}
  body[class*="site-theme-"] .brand{justify-self:center;min-width:0;white-space:nowrap}
  body[class*="site-theme-"] .masthead-tools{justify-self:end;width:44px;display:flex;justify-content:flex-end}
  body[class*="site-theme-"] .masthead-tools>*:not(#searchButton){display:none!important}
  body[class*="site-theme-"] .masthead-tools #searchButton{display:block!important}
}

@media (max-width:600px){
  .container{width:min(calc(100% - 24px),var(--container))!important}
  .breaking-inner{height:38px!important}
  .breaking-label{font-size:9px!important;letter-spacing:.09em!important;padding-right:12px!important;max-width:112px;overflow:hidden;text-overflow:ellipsis}
  .breaking-track{gap:28px!important;animation-duration:32s!important}
  .breaking-track a{font-size:12px!important}
  body[class*="site-theme-"] .masthead{min-height:84px!important}
  body[class*="site-theme-"] .brand-primary,
  body[class*="site-theme-"] .brand-accent{font-size:clamp(24px,7.2vw,29px)!important;line-height:1!important}
  body[class*="site-theme-"] .brand small{font-size:7px!important;letter-spacing:.22em!important;margin-top:7px!important}
  body[class*="site-theme-"] .hero-wrap{padding-top:18px!important}
  body[class*="site-theme-"] .hero-lead{aspect-ratio:4/5}
  body[class*="site-theme-"] .hero-content{padding:20px!important}
  body[class*="site-theme-"] .hero-content h1{font-size:clamp(30px,9vw,38px)!important;margin:12px 0!important}
  body[class*="site-theme-"] .hero-stack{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body[class*="site-theme-"] .hero-secondary{aspect-ratio:4/5}
  body[class*="site-theme-"] .hero-secondary .hero-content{padding:15px!important}
  body[class*="site-theme-"] .hero-secondary .hero-content h2{font-size:clamp(18px,5.5vw,23px)!important;margin:9px 0!important}
  body[class*="site-theme-"] .hero-secondary .hero-content>div{font-size:9px;gap:7px}
  body[class*="site-theme-"] .hero-chip{font-size:10px!important;padding:5px 9px!important}
  body[class*="site-theme-"] .hero-list{padding:16px!important}
  body[class*="site-theme-"] .hero-list-item{grid-template-columns:92px minmax(0,1fr)!important;gap:12px!important;padding:13px 0!important}
  body[class*="site-theme-"] .hero-list-item img{width:92px!important;height:72px!important;max-width:92px!important}
  body[class*="site-theme-"] .hero-list-item strong{font-size:14px!important;line-height:1.25!important}
  body[class*="site-theme-"] .hero-list-text{grid-template-columns:32px minmax(0,1fr)!important;padding:12px 0!important;font-size:13px!important}
}

@media (max-width:380px){
  body[class*="site-theme-"] .hero-stack{grid-template-columns:minmax(0,1fr)!important}
  body[class*="site-theme-"] .hero-secondary{aspect-ratio:16/10}
  body[class*="site-theme-"] .hero-secondary .hero-content h2{font-size:24px!important}
  .breaking-label{max-width:92px}
}