/* v11.42.53: desktop navigation takes precedence over auxiliary controls.
   On ~1000px desktops shrink the logo/gaps, not the text to unreadable sizes. */
@media (min-width:1000px) and (max-width:1440px){
 .hp-public-header{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;padding:0 12px!important;height:76px!important;min-height:76px!important;max-height:76px!important}
 .hp-public-header .hp-public-logo{min-width:0!important;flex:0 0 auto!important;margin:0!important}
 .hp-public-header .hp-public-logo-img{width:clamp(144px,13.6vw,186px)!important;max-height:46px!important}
 .hp-public-header .hp-public-nav{display:flex!important;flex:0 1 auto!important;flex-flow:row nowrap!important;position:static!important;top:auto!important;left:auto!important;right:auto!important;max-height:none!important;overflow:visible!important;justify-content:flex-end!important;align-items:center!important;width:auto!important;max-width:none!important;min-width:0!important;gap:clamp(5px,.6vw,9px)!important;margin:0 0 0 auto!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;white-space:nowrap!important}
 .hp-public-header .hp-public-nav>a:not(.hp-watch-nav){display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;white-space:nowrap!important;min-height:0!important;padding:4px 0!important;font-size:clamp(14px,1.02vw,15px)!important;line-height:1.35!important;letter-spacing:-.35px!important;font-weight:850!important}
 .hp-public-header .hp-public-nav>a:not(.hp-watch-nav)::after{display:block!important}
 .hp-public-header .hp-theme-control{display:flex!important;width:auto!important;min-width:0!important;flex:0 0 auto!important;padding:0!important;margin:0!important;border:0!important;position:relative!important}
 .hp-public-header .hp-theme-toggle{display:inline-flex!important;justify-content:center!important;width:auto!important;font-size:12px!important;padding:7px 8px!important;min-height:38px!important}
 .hp-public-header .hp-theme-menu{position:absolute!important;top:100%!important;right:0!important;left:auto!important;width:170px!important;z-index:200!important;margin-top:6px!important}
 .hp-public-header .hp-watch-nav--desktop{display:inline-flex!important;position:relative!important;flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:38px!important;margin:0!important;order:initial!important}
 .hp-public-header .hp-watch-nav--mobile{display:none!important}
 .hp-public-header .hp-mobile-menu-toggle{display:none!important}
}
@media (min-width:1000px) and (max-width:1099px){
 .hp-public-header{padding:0 8px!important;gap:5px!important}
 .hp-public-header .hp-public-logo-img{width:142px!important}
 .hp-public-header .hp-public-nav{gap:5px!important}
 .hp-public-header .hp-theme-toggle{padding:6px!important}
 .hp-public-header .hp-public-nav>a:not(.hp-watch-nav){font-size:14px!important;letter-spacing:-.5px!important}
 .hp-public-header .hp-watch-nav--desktop{width:36px!important;min-width:36px!important;flex-basis:36px!important;height:36px!important}
}
@media (max-width:999px){
 .hp-public-header .hp-mobile-menu-toggle{display:flex!important;opacity:1!important;visibility:visible!important}
 .hp-public-header .hp-mobile-menu-toggle span{display:block!important;opacity:1}
 .hp-public-header .hp-mobile-menu-toggle span:nth-child(2){opacity:1}
 .hp-public-header .hp-mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
}
