/* A shared, legible navigation for viewers, hosts and collaborators. */
.site-header nav.desktop-nav{gap:clamp(14px,1.35vw,24px)}
.site-header nav.desktop-nav a{white-space:nowrap;letter-spacing:.025em}
.site-header nav.desktop-nav a.nav-host{border:1px solid #ffffff45;padding:11px 16px}
.site-header nav.desktop-nav a.nav-host:after{display:none}
.site-header nav.desktop-nav a.nav-host:hover{background:#ffffff10}
html[lang=en] .site-header nav.desktop-nav{gap:clamp(12px,1.1vw,20px)}
html[lang=en] .site-header nav.desktop-nav a{font-size:13px;letter-spacing:0}
@media(max-width:1280px){
 .site-header nav.desktop-nav{display:none}
 .site-header .language-switch{margin-left:auto}
 .site-header .menu-button{display:grid;grid-template-columns:34px 26px;gap:5px 14px;align-items:center;padding:15px 0 15px 10px;min-height:48px}
 .site-header .menu-button>span{grid-row:1/3;font-size:10px;letter-spacing:.06em}
 .site-header .menu-button i{height:1px;width:25px;background:#dde1df;transition:transform .3s}
 .menu-open .menu-button i:nth-child(2){transform:translateY(3px) rotate(45deg)}
 .menu-open .menu-button i:nth-child(3){transform:translateY(-3px) rotate(-45deg)}
 .site-header:has(.menu-button[aria-expanded=true]){position:fixed}
}
@media(max-width:760px){
 .mobile-menu{overflow-y:auto;padding-top:115px;padding-bottom:45px}
 .mobile-menu nav{gap:15px}
 .mobile-menu nav a{font-size:18px;line-height:1.7;letter-spacing:.045em;padding:3px 0}
 html[lang=en] .mobile-menu nav a{font-size:20px;line-height:1.5}
 .mobile-menu .mobile-related{margin-top:25px;padding-top:20px}
}
@media(max-width:360px){
 .site-header{gap:10px;padding-inline:16px}
 .site-header .brand{gap:10px}
 .site-header .brand>span{font-size:29px}
 .site-header .brand small{font-size:10px;letter-spacing:.2em}
 .site-header .language-switch{gap:0}
 .site-header .language-switch a{min-width:27px}
 .site-header .menu-button{grid-template-columns:26px;gap:5px;padding-left:4px}
 .site-header .menu-button>span{display:none}
}