.mobileMenuToggle{display:none}
.mobileSiteMenu[hidden]{display:none!important}
.mobileSiteMenu{position:absolute;top:100%;left:0;right:0;z-index:200;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:14px;max-height:calc(100dvh - 80px);overflow:auto;background:var(--bg,#06100d);color:var(--text,#f5f8f6);border-bottom:1px solid var(--line);box-shadow:0 12px 25px #0004}
.mobileSiteMenu a{display:flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:10px;text-decoration:none;color:inherit}
.mobileSiteMenu a:hover,.mobileSiteMenu a:focus-visible{background:var(--panel,#0e1d17);outline:2px solid var(--accent,#91e95f);outline-offset:-2px}
@media(max-width:1360px){
 header.nav .links,header.nav .navlinks{display:none}
 .mobileMenuToggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--text);font:24px/1 system-ui;cursor:pointer}
 header.nav .wrap{gap:8px}
 header.nav .nav-actions,header.nav .navright{gap:6px}
}
@media(max-width:450px){
 header.nav .nav-actions > a.btn,header.nav .navright > a.btn{display:none}
 header.nav .brand,header.nav .logo{width:auto;min-width:0;flex-shrink:1}
 header.nav .brand img,header.nav .logo img{width:clamp(72px,20vw,100px);max-width:100%}
 header.nav .lang-select,header.nav .langSelect{max-width:110px;min-width:0;padding-inline:8px}
 header.nav .theme,header.nav .themeBtn{min-width:44px;padding-inline:10px}
}

/* The Tissue Culture reference tab fits beside existing public links. */
@media(min-width:1361px){
 header.nav:has(nav.links) .wrap{gap:16px}
 header.nav:has(nav.links) .brand{width:130px}
 header.nav:has(nav.links) .brand img{width:120px}
 header.nav nav.links{gap:12px;font-size:12px}
 header.nav nav.links a{font-size:12px;white-space:nowrap}
}