/* Linked institution identity follows the iPowder brand inside the navigation. */
.nav-wrap{position:relative;gap:16px}
.institution-link{display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;gap:5px;padding-left:16px;border-left:1px solid #dce2e9;line-height:1.2;color:#465365;text-decoration:none}
.institution-name{font-size:12px;font-weight:600;white-space:nowrap}
.institution-department{font-size:10px;color:#7b8592;white-space:nowrap}
.institution-link:hover,.institution-link:hover .institution-department{color:#b2252d}
html[lang=en] .institution-name{font-size:11px}
html[lang=en] .institution-department{font-size:9px}
html[lang=en] .brand-text small{display:block}
footer .institution-footer-link{display:inline;margin:0;color:inherit;border-bottom:1px solid #ffffff45;padding-bottom:2px}
footer .institution-footer-link:hover{color:#fff;border-color:#fff}
@media(min-width:1281px){#mainNav{gap:12px}}
@media(max-width:1280px){
 .nav-wrap>#mainNav{display:none}
 .nav-wrap>.menu-btn{display:block;margin-left:0;order:3}
 .nav-wrap>.language-switch{margin-left:auto;margin-right:0}
 .nav-toggle{display:block}
 .nav-toggle:checked ~ #mainNav{position:absolute;left:0;right:0;top:76px;z-index:60;display:flex;flex-direction:column;align-items:stretch;padding:12px 28px 20px;border-bottom:1px solid #e5e7eb;background:#fff;box-shadow:0 18px 40px #0f12121a;max-height:calc(100dvh - 76px);overflow:auto;order:4}
 .nav-toggle:checked ~ #mainNav a{padding:10px 2px;font-size:15px;box-shadow:none}
}
@media(max-width:600px){
 .nav-wrap{padding:0 14px;gap:8px}
 .nav-wrap>.brand{min-width:0;gap:6px;flex-shrink:0}
 .nav-wrap .brand-logo,html[lang=en] .nav-wrap .brand-logo{width:32px;height:32px}
 .nav-wrap .brand-text strong{font-size:16px}
 .nav-wrap .brand-text small,html[lang=en] .nav-wrap .brand-text small{display:block;font-size:7px;letter-spacing:0;margin-top:5px;white-space:nowrap}
 .institution-link{padding-left:9px;gap:5px;min-width:0;flex-shrink:1}
 .institution-name{font-size:10px}
 .institution-department{font-size:9px}
 html[lang=en] .institution-name{font-size:9px;white-space:normal}
 html[lang=en] .institution-department{font-size:8px;white-space:normal;max-width:135px}
 .nav-wrap>.language-switch{margin-left:auto;gap:0;padding:2px}
 .nav-wrap>.language-switch a{font-size:10px;padding:4px}
 .nav-wrap>.menu-btn{font-size:22px;padding:4px 0}
}

.brand-text .brand-test-label{font-size:10px;font-weight:400;letter-spacing:.3px;color:var(--muted2);margin-left:2px}
@media(max-width:600px){.brand-text .brand-test-label{font-size:7px;letter-spacing:0}}