/* Front header layout guard.
   Loaded after site.css to keep nav responsiveness in one place. */
nav{
  gap:18px;
  justify-content:flex-start;
}
.nav-logo{
  min-width:0;
}
.nav-logo-text{
  min-width:0;
}
.nav-logo-text strong,
.nav-logo-text span,
.nav-links a,
.nav-links .nav-science-trigger,
.nav-btn{
  white-space:nowrap;
}
.nav-logo-text span{
  overflow:hidden;
  text-overflow:ellipsis;
}
.nav-links{
  align-items:center;
  margin-left:auto;
  margin-top:0!important;
  margin-bottom:0!important;
  padding-left:0!important;
  height:72px;
  min-width:0;
}
.nav-links li{
  display:flex;
  align-items:center;
  height:72px;
}
.nav-links li,
.lang-switcher,
.nav-btn{
  flex-shrink:0;
}

@media(max-width:1600px){
  nav{
    gap:12px;
    padding:0 2rem;
  }
  nav .site-menu-button,
  body[class*="route-site-"] nav .site-menu-button{
    margin-right:8px!important;
  }
  .nav-logo{
    gap:10px;
  }
  .nav-logo-text{
    max-width:270px;
    letter-spacing:.055em;
  }
  .nav-logo-text span{
    display:none;
  }
  .nav-links a,
  .nav-links .nav-science-trigger{
    padding-left:.75rem;
    padding-right:.75rem;
    letter-spacing:.025em;
  }
  .nav-btn{
    padding-left:16px;
    padding-right:16px;
  }
}

@media(max-width:1380px){
  .nav-logo-text{
    max-width:230px;
  }
  .nav-links a,
  .nav-links .nav-science-trigger{
    padding-left:.6rem;
    padding-right:.6rem;
  }
}

@media(max-width:1240px){
  nav{
    justify-content:flex-start;
  }
  .nav-links,
  .nav-btn{
    display:none;
  }
  nav .nav-logo{
    margin-left:0;
  }
  nav > .lang-switcher{
    display:grid!important;
    grid-template-columns:repeat(3,1fr);
    width:112px;
    height:38px;
    margin:0 0 0 auto;
    padding:3px;
    gap:3px;
    border-radius:10px;
  }
  nav > .lang-switcher .lang-btn{
    width:100%;
    height:30px;
    padding:0;
    border-radius:7px;
    font-size:11px;
    font-weight:850;
    text-transform:uppercase;
  }
}

@media(max-width:640px){
  nav{
    gap:10px;
    padding:0 12px;
  }
  nav > .lang-switcher{
    display:grid!important;
  }
}