/* Homepage desktop header: brand left, navigation truly centred, utilities/search right. */
@media (min-width:901px){
  body.home-page .site-header .header-inner,
  body.home-page .header .header-inner{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    min-height:56px!important;
    height:56px!important;
    gap:16px!important;
  }

  body.home-page .news-brand,
  body.home-page .brand-mark-only{
    position:relative!important;
    z-index:2!important;
    flex:0 0 auto!important;
    margin:0!important;
  }

  /* Centre the section nav against the page, not against the leftover space. */
  body.home-page .desktop-primary-nav,
  body.home-page .publication-nav{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:24px!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
    white-space:nowrap!important;
  }

  body.home-page .header-controls{
    position:relative!important;
    z-index:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    flex:0 0 auto!important;
    margin-left:auto!important;
    width:auto!important;
  }

  body.home-page .header-search{
    width:220px!important;
    flex:0 0 220px!important;
  }

  body.home-page #mainNav{
    grid-column:auto!important;
  }
}

@media (min-width:901px) and (max-width:1120px){
  body.home-page .desktop-primary-nav,
  body.home-page .publication-nav{
    gap:16px!important;
    font-size:12px!important;
  }
  body.home-page .header-search{
    width:190px!important;
    flex-basis:190px!important;
  }
}

/* At narrow desktop widths, keep all three zones readable rather than allowing overlap. */
@media (min-width:901px) and (max-width:980px){
  body.home-page .desktop-primary-nav,
  body.home-page .publication-nav{gap:12px!important}
  body.home-page .header-search{width:170px!important;flex-basis:170px!important}
}
