/* v11.42.62 | Center public header content to match site content width.
   Keep links on a single line, with no horizontal scroll bar or forced wrapping.
   On small desktops, clip remaining trailing links while controls stay visible.
   The existing <=740px hamburger behavior remains intact. */

html body .hp-public-header{
  justify-content:center!important;
  padding:0 16px!important;
  gap:0!important;
}
html body .hp-public-header .hp-public-header-inner{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-flow:row nowrap;
  width:100%;
  max-width:1240px;
  min-width:0;
  height:100%;
  margin:0 auto;
  gap:clamp(19px,2vw,28px);
}

@media(min-width:741px){
  html body .hp-public-header .hp-public-logo{
    flex:0 0 auto!important;
    width:auto!important;
    margin:0!important;
  }
  html body .hp-public-header .hp-public-nav,
  html body .hp-public-header .hp-public-nav.is-open{
    display:flex!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    justify-content:flex-start!important;
    gap:clamp(9px,1vw,14px)!important;
    margin:0!important;
    overflow:visible!important;
  }
  html body .hp-public-header .hp-nav-primary-scroll{
    display:flex!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    gap:clamp(11px,1.05vw,17px)!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    overscroll-behavior-x:auto;
    -webkit-overflow-scrolling:auto;
    white-space:nowrap!important;
  }
  html body .hp-public-header .hp-nav-primary-scroll::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }
  html body .hp-public-header .hp-nav-primary-scroll>a{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    word-break:keep-all!important;
  }
  html body .hp-public-header .hp-theme-control,
  html body .hp-public-header .hp-watch-nav--desktop{
    flex-shrink:0!important;
  }
}

/* Keep the logo near the content's left edge and leave breathing room
   before the first link, even as desktop viewport space tightens. */
@media(min-width:741px) and (max-width:1200px){
  html body .hp-public-header{padding:0 12px!important;}
  html body .hp-public-header .hp-public-header-inner{gap:22px;}
  html body .hp-public-header .hp-nav-primary-scroll{gap:12px!important;}
}
@media(min-width:741px) and (max-width:1000px){
  html body .hp-public-header{padding:0 10px!important;}
  html body .hp-public-header .hp-public-header-inner{gap:18px;}
  html body .hp-public-header .hp-nav-primary-scroll{gap:11px!important;}
  html body .hp-public-header .hp-nav-primary-scroll>a{font-size:13.5px!important;}
}
@media(min-width:741px) and (max-width:860px){
  html body .hp-public-header .hp-public-header-inner{gap:16px;}
  html body .hp-public-header .hp-nav-primary-scroll{gap:10px!important;}
  html body .hp-public-header .hp-nav-primary-scroll>a{font-size:13px!important;}
}

/* Mobile uses the same centered inner frame but keeps the existing
   hamburger and watchlist accessibility, without sideways overflow. */
@media(max-width:740px){
  html body .hp-public-header{padding:0 12px!important;}
  html body .hp-public-header .hp-public-header-inner{
    gap:9px;
    max-width:1240px;
  }
  html body .hp-public-header .hp-nav-primary-scroll{
    overflow-x:visible!important;
    overflow-y:visible!important;
    scrollbar-width:none!important;
  }
}