/* v11.42.60: preserve breathing room between public nav links.
   Load AFTER public_header_v52.css and public_header_v53.css. */

/* One desktop row only if there is enough room for normal link spacing. */
@media(min-width:1280px){
  .hp-public-header{column-gap:clamp(14px,1.25vw,22px)!important}
  .hp-public-header .hp-public-nav{
    gap:clamp(16px,1.38vw,25px)!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important
  }
  .hp-public-header .hp-public-nav>a:not(.hp-watch-nav){
    white-space:nowrap!important;letter-spacing:0!important
  }
}
@media(min-width:1280px) and (max-width:1440px){
  .hp-public-header{padding:0 clamp(16px,1.75vw,26px)!important}
  .hp-public-header .hp-public-logo-img{width:clamp(170px,13.5vw,195px)!important}
  .hp-public-header .hp-public-nav>a:not(.hp-watch-nav){font-size:15px!important}
  .hp-public-header .hp-theme-toggle{font-size:12px!important;padding:7px 8px!important}
}

/* Smaller desktops and phones use the existing dropdown rather than
   squeezing the desktop links together. */
@media(max-width:1279px){
  .hp-public-header{
    display:flex!important;flex-flow:row nowrap!important;
    height:74px!important;min-height:74px!important;max-height:74px!important;
    align-items:center!important;justify-content:flex-start!important;
    padding:0 18px!important;gap:10px!important;overflow:visible!important
  }
  .hp-public-header .hp-public-logo{flex:0 1 auto!important;min-width:0!important;margin:0!important}
  .hp-public-header .hp-public-logo-img{
    width:clamp(155px,23vw,230px)!important;max-width:100%!important;max-height:48px!important
  }
  .hp-public-header .hp-mobile-menu-toggle{
    display:flex!important;position:relative!important;visibility:visible!important;
    opacity:1!important;flex:0 0 46px!important;min-width:46px!important;
    width:46px!important;height:46px!important;margin:0!important;order:3!important
  }
  .hp-public-header .hp-public-nav{
    display:none!important;position:absolute!important;
    top:calc(100% + 5px)!important;left:12px!important;right:12px!important;
    width:auto!important;max-width:none!important;
    max-height:min(76vh,680px)!important;overflow-y:auto!important;
    flex-flow:initial!important;margin:0!important;padding:10px!important;
    gap:6px!important;background:#fff!important;border:1px solid #d9e2ee!important;
    border-radius:14px!important;box-shadow:0 15px 45px rgba(20,35,58,.25)!important;
    white-space:normal!important;z-index:105!important
  }
  .hp-public-header .hp-public-nav.is-open{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important
  }
  .hp-public-header .hp-public-nav>a:not(.hp-watch-nav){
    display:block!important;min-height:44px!important;padding:12px 15px!important;
    border-radius:9px!important;font-size:16px!important;line-height:1.35!important;
    font-weight:850!important;letter-spacing:0!important;white-space:normal!important;
    text-align:left!important
  }
  .hp-public-header .hp-public-nav>a:not(.hp-watch-nav)::after{display:none!important}
  .hp-public-header .hp-theme-control{
    display:block!important;width:100%!important;margin:6px 0 0!important;
    padding:8px 0 0!important;border-top:1px solid #e1e7ef!important
  }
  .hp-public-header .hp-theme-toggle{
    width:100%!important;justify-content:flex-start!important;min-height:44px!important;
    padding:12px 15px!important;font-size:15px!important
  }
  .hp-public-header .hp-theme-menu{
    position:static!important;left:auto!important;right:auto!important;
    width:100%!important;margin-top:5px!important
  }
  .hp-public-header .hp-watch-nav--desktop{display:none!important}
  .hp-public-header .hp-watch-nav--mobile{
    display:inline-flex!important;position:relative!important;
    top:auto!important;right:auto!important;left:auto!important;transform:none!important;
    flex:0 0 42px!important;min-width:42px!important;
    width:42px!important;height:42px!important;margin:0 0 0 auto!important;order:2!important
  }
  .hp-public-header .hp-watch-nav--mobile + .hp-mobile-menu-toggle{margin-left:0!important}
  html[data-hp-theme="dark"] .hp-public-header .hp-public-nav{
    background:#111a2d!important;border-color:#354663!important
  }
  html[data-hp-theme="dark"] .hp-public-header .hp-theme-control{border-top-color:#354663!important}
}
@media(max-width:420px){
  .hp-public-header{padding:0 12px!important;gap:8px!important}
  .hp-public-header .hp-public-logo-img{width:clamp(130px,38vw,164px)!important;max-height:40px!important}
  .hp-public-header .hp-watch-nav--mobile{
    flex-basis:39px!important;min-width:39px!important;width:39px!important;height:39px!important
  }
  .hp-public-header .hp-mobile-menu-toggle{
    flex-basis:43px!important;min-width:43px!important;width:43px!important;height:43px!important
  }
}