/* Keep the primary navigation visible on tablets and phones as well. */
@media(max-width:1100px){
  html{scroll-padding-top:138px}
  .site-header .header-inner{height:auto;min-height:0;flex-wrap:wrap;padding:12px 24px 0;gap:8px 12px}
  .site-header .header-contact{display:inline-flex;margin-left:auto;min-height:40px;padding:9px 15px;font-size:12px;border-radius:5px;gap:0}
  .site-header .header-contact svg{display:none}
  .site-header .menu-toggle{display:none}
  .site-header .desktop-nav{display:flex;order:3;flex:0 0 100%;width:100%;min-width:0;min-height:48px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin;align-items:center;gap:22px;margin:0;padding:2px 0 7px;border-top:1px solid #e6edf5;font-size:13px;white-space:nowrap}
  .site-header .desktop-nav>a,.site-header .desktop-nav .nav-disclosure{flex-shrink:0}
  .site-header .desktop-nav>a,.site-header .desktop-nav .nav-trigger{min-height:44px;display:flex;align-items:center;padding-block:10px}
  .site-header .desktop-nav .nav-submenu{position:fixed;left:var(--nav-menu-left,16px);top:var(--nav-menu-top,120px);min-width:180px;z-index:100;padding:10px 18px;white-space:nowrap;border-radius:6px}
  .site-header .desktop-nav .nav-submenu a{display:block;min-height:44px;padding:10px 0}
}
@media(max-width:720px){
  .site-header .header-inner{padding:10px 18px 0;gap:8px 10px}
  .site-header .desktop-nav{gap:20px;font-size:12px}
  .site-header .header-contact{font-size:11px;min-height:36px;padding:8px 12px}
}
@media(max-width:370px){
  .site-header .header-inner{padding-inline:14px}
  .site-header .brand-type{font-size:16px}
  .site-header .brand-image{width:52px}
  .site-header .header-contact{padding-inline:10px}
}