/* Final mobile homepage top stack: logo + live utility + menu, no detached utility row. */
@media(max-width:720px){
  :root{--bn-header-h:64px!important}

  html body.home-page .site-header .header-inner{
    min-height:64px!important;
    height:64px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important
  }

  html body.home-page .news-brand,
  html body.home-page .brand-mark-only{
    flex:0 0 24px!important;
    min-width:24px!important;
    margin:0!important
  }
  html body.home-page .news-brand-logo,
  html body.home-page .brand-mark-only img{
    width:24px!important;
    height:27px!important;
    max-width:24px!important;
    flex-basis:24px!important
  }

  html body.home-page .header-live:not([hidden]){
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    margin:0!important
  }
  html body.home-page .header-live .now-panel,
  html body.home-page .header-live .now-card-shell{
    width:100%!important;
    min-width:0!important
  }
  html body.home-page .header-live .now-card-shell{position:relative!important}
  html body.home-page .header-live .now-card{
    min-height:46px!important;
    height:46px!important;
    padding:5px 68px 5px 8px!important;
    gap:7px!important;
    border:1px solid var(--line,#d8e2ec)!important;
    border-radius:12px!important;
    background:var(--card,#fff)!important;
    box-shadow:0 1px 2px rgba(15,40,63,.04)!important
  }
  html body.home-page .header-live .now-card .now-icon{
    width:29px!important;
    height:29px!important;
    flex-basis:29px!important
  }
  html body.home-page .header-live .now-card-copy{gap:0!important}
  html body.home-page .header-live .now-card-cat{font-size:7.5px!important;line-height:1!important}
  html body.home-page .header-live .now-card-copy strong{font-size:12.5px!important;line-height:1.05!important}
  html body.home-page .header-live .now-card-copy em{margin-top:2px!important;font-size:9.5px!important;line-height:1.08!important}
  html body.home-page .header-live .now-card-metric{
    position:absolute!important;
    right:8px!important;
    bottom:7px!important;
    font-size:9px!important;
    padding:3px 7px!important
  }
  html body.home-page .header-live .now-card-dots{
    display:flex!important;
    position:absolute!important;
    right:10px!important;
    top:6px!important;
    gap:4px!important;
    z-index:5!important
  }
  html body.home-page .header-live .now-card-dot-btn{
    width:7px!important;
    height:7px!important;
    min-width:7px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important
  }
  html body.home-page .header-live .now-card-dot-btn>span{
    display:block!important;
    width:3px!important;
    height:3px!important;
    border-radius:50%!important;
    background:#c6ccd2!important
  }
  html body.home-page .header-live .now-card-dot-btn.is-active>span,
  html body.home-page .header-live .now-card-dot-btn[aria-current="true"]>span{
    background:var(--navy,#071b35)!important
  }
  html body.home-page .header-controls{flex:0 0 34px!important;width:34px!important;margin-left:0!important}
  html body.home-page .menu-icon-button{width:34px!important;height:34px!important}

  html body.home-page .home-main{padding-top:0!important}
  html body.home-page #localNow{margin:0!important;padding:0!important;min-height:0!important}
  html body.home-page #localNow.is-header-card .now-panel{display:none!important}
  html body.home-page #localNow.is-header-card{height:0!important;min-height:0!important;overflow:hidden!important}
  html body.home-page #localNow .now-dots{display:none!important}

  html body.home-page #breakingNow:not([hidden]):not(:empty):not(.is-empty){
    display:block!important;
    width:auto!important;
    max-width:536px!important;
    margin:10px auto 12px!important;
    padding:9px 12px 8px!important;
    border:1px solid var(--line,#d8e2ec)!important;
    border-radius:13px!important;
    background:var(--card,#fff)!important;
    box-shadow:none!important
  }
  html body.home-page #breakingNow .breaking-heading{margin-bottom:0!important;gap:4px 6px!important}
  html body.home-page #breakingNow .breaking-heading>strong{font-size:13.5px!important;line-height:1.08!important}
  html body.home-page #breakingNow .breaking-status{font-size:7.5px!important;letter-spacing:.06em!important}
  html body.home-page #breakingNow .breaking-status i{width:4px!important;height:4px!important;background:#d84b3c!important}
  html body.home-page #breakingNow .breaking-row{
    grid-template-columns:minmax(0,1fr) 10px!important;
    min-height:0!important;
    padding:7px 0!important;
    gap:7px!important
  }
  html body.home-page #breakingNow .breaking-row:first-child{padding-top:6px!important}
  html body.home-page #breakingNow .breaking-row:last-child{padding-bottom:2px!important}
  html body.home-page #breakingNow .breaking-row strong{
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:500!important;
    -webkit-line-clamp:2!important
  }
  html body.home-page #breakingNow .breaking-row .breaking-chevron{
    font-size:15px!important;
    line-height:1!important;
    font-weight:400!important;
    text-align:right!important
  }

  html body.home-page #breakingNow[hidden],
  html body.home-page #breakingNow.is-empty,
  html body.home-page #breakingNow:empty{
    display:none!important;
    margin:0!important;
    padding:0!important;
    height:0!important;
    min-height:0!important
  }

  html body.home-page .lead-grid{margin-top:0!important}
}

@media(max-width:500px){
  html body.home-page #breakingNow:not([hidden]):not(:empty):not(.is-empty){
    max-width:none!important;
    margin-left:28px!important;
    margin-right:28px!important
  }
}

html[data-theme="dark"] body.home-page .header-live .now-card{background:#15212a!important;border-color:#30404b!important}
html[data-theme="dark"] body.home-page #breakingNow:not([hidden]):not(:empty):not(.is-empty){background:#15212a!important;border-color:#30404b!important}
html[data-theme="dark"] body.home-page .header-live .now-card-dot-btn>span{background:#6c7881!important}
html[data-theme="dark"] body.home-page .header-live .now-card-dot-btn.is-active>span,html[data-theme="dark"] body.home-page .header-live .now-card-dot-btn[aria-current="true"]>span{background:#eef4f7!important}