/* Inline header with all seven links from 1024px up (site.css switches to the menu below 1400px; this restores the row).
   Keep in sync with site.js, which treats max-width:1023px as the mobile menu. */
@media (min-width:1024px) and (max-width:1399px){
  html.menu-open,html.menu-open body{overflow:visible}
  .nav-in{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;height:72px}
  .nav-language-mobile,.js .menu-btn{display:none}
  .nav-language-desktop{display:flex}
  .nav-panel,.js .nav-panel,.js .nav-open .nav-panel{display:contents}
  .nav-links{flex-direction:row;align-items:center;justify-self:center;gap:0;margin:0;font-size:13px}
  .nav-links a{min-height:40px;padding:0 7px}
  .nav-tools{flex-direction:row;align-items:center;gap:6px;margin:0;padding:0;border:0}
  .nav .nav-tools .btn{height:40px;font-size:13px;padding:0 11px}
  .nav-language{gap:4px;height:40px;padding:3px 4px 3px 8px}
  .nav-locales a{width:28px;height:30px}
  .no-js .nav-in{height:72px;padding-top:0;padding-bottom:0}
  .no-js .nav-panel{display:contents}
}
@media (min-width:1024px) and (max-width:1199px){
  .nav-in{gap:8px}
  .brand img{height:26px}
  .nav-links{font-size:12.5px}
  .nav-links a{padding:0 5px}
  .nav-language>svg{display:none}
  .nav-language{padding-left:3px}
  .nav-locales a{width:26px}
  .nav .nav-tools .btn{padding:0 9px;font-size:12.5px}
}