/* Newsroom 4.1.4: render header alerts only while active, and allow both
   statuses at once. No layout changes outside the header. */
.site-header .header-tools .kn-breaking-nav-link {color:#111!important;}
.site-header .header-tools .kn-breaking-nav-link .kn-live-nav-dot {background:#c60000!important;}
/* BREAKING precedes LIVE, followed by search and the original Advertise button. */
@media(max-width:760px){
  .site-header .header-tools.kn-header-dual-alerts {gap:5px!important;}
  .site-header .header-tools.kn-header-dual-alerts .kn-live-nav-link {gap:4px!important;font-size:10px!important;letter-spacing:0!important;}
  .site-header .header-tools.kn-header-dual-alerts .kn-live-nav-dot {width:6px!important;height:6px!important;flex-basis:6px!important;}
}
/* On the narrowest phones preserve the controls without sideways scrolling.
   Keep the logo and Advertise link available as well as both alert links. */
@media(max-width:380px){
  body .site-header .header-inner:has(.kn-header-dual-alerts){gap:5px!important;width:calc(100% - 18px)!important;}
  body .site-header .header-inner:has(.kn-header-dual-alerts) .header-logo,
  body .site-header .header-inner:has(.kn-header-dual-alerts) .header-logo .kn-header-brand,
  body .site-header .header-inner:has(.kn-header-dual-alerts) .header-logo .kn-brand-image {max-width:88px!important;}
  .site-header .header-tools.kn-header-dual-alerts {gap:4px!important;}
  .site-header .header-tools.kn-header-dual-alerts .kn-live-nav-link {font-size:9px!important;gap:3px!important;}
  .site-header .header-tools.kn-header-dual-alerts .search-toggle {width:20px!important;flex-basis:20px!important;}
  .site-header .header-tools.kn-header-dual-alerts .search-toggle svg {width:17px!important;height:17px!important;}
  .site-header .header-tools.kn-header-dual-alerts .header-advertise {font-size:9px!important;padding-inline:4px!important;}
}