/* Header shell; navigation links remain in the navigation component. */
header {display:flex;align-items:center;gap:40px;padding:24px 5%;background:var(--paper);}
.brand img {height:40px;}
.language {border:1px solid var(--lavender);padding:5px 13px;font-size:12px;}
@media(max-width:600px) {
header {gap:16px;flex-wrap:wrap;padding:20px 5%;}
.brand img {height:32px;}
.language {margin-left:auto;}
}
header {padding:22px 4%;border-bottom:1px solid #cec5d5;}
.brand img {height:34px;}
header {gap:30px;border-bottom:3px solid var(--blue);}
.brand {display:flex;align-items:center;gap:20px;flex-shrink:0;}
.brand .university-logo {height:36px;width:auto;}
.brand .programme-logo {height:32px;width:auto;}
.brand-divider {width:1px;height:32px;background:#d8d2ca;}
@media(max-width:1100px) {
header {flex-wrap:wrap;gap:20px;}
}
@media(max-width:600px) {
header {padding:20px 5%;gap:16px;}
.brand {gap:12px;max-width:calc(100% - 65px);flex-shrink:1;}
.brand .university-logo {height:auto;width:62%;min-width:0;}
.brand .programme-logo {height:auto;width:29%;min-width:0;}
.brand-divider {flex-shrink:0;height:28px;}
}
.brand .university-logo {mix-blend-mode:multiply;}
header {position:sticky;top:0;z-index:100;border-bottom:0;background:var(--paper);box-shadow:0 1px 0 #2b649f22;}
.scroll-progress {position:absolute;left:0;right:0;bottom:0;height:3px;background:#2b649f18;pointer-events:none;}
.scroll-progress span {display:block;width:100%;height:100%;background:#2B649F;transform:scaleX(0);transform-origin:left center;}
header .header-navigation {display:flex;align-items:center;gap:24px;margin-left:auto;min-width:0;max-width:100%;}
header .header-navigation nav {display:flex;flex-wrap:nowrap;gap:24px;margin:0;width:auto;order:0;white-space:nowrap;min-width:0;overflow-x:auto;scrollbar-width:thin;}
header .header-navigation .language {margin:0;flex:0 0 auto;white-space:nowrap;}
@media(max-width:1100px) {
header .header-navigation {gap:20px;}
header .header-navigation nav {gap:20px;}
}
@media(max-width:600px) {
header .header-navigation {width:100%;gap:14px;}
header .header-navigation nav {flex:1;gap:16px;padding:6px 0;}
.brand {max-width:100%;}
}
@media(max-width:600px) {
header .header-navigation {align-items:flex-start;gap:16px;width:100%;}
header .header-navigation nav {flex-direction:column;align-items:flex-start;gap:8px;overflow:visible;white-space:normal;padding:0;flex:1;}
header .header-navigation .language {align-self:flex-start;}
}
.nav-toggle {display:none;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:8px 14px;border:1px solid var(--purple);background:transparent;color:var(--purple);font:500 12px Archivo,'Noto Sans SC',sans-serif;cursor:pointer;}
.nav-toggle-icon {display:flex;flex-direction:column;justify-content:center;gap:5px;width:18px;height:18px;}
.nav-toggle-icon i {display:block;width:18px;height:1px;background:currentColor;transition:transform .18s;}
.nav-toggle[aria-expanded='true'] {background:var(--purple);color:white;}
.nav-toggle[aria-expanded='true'] .nav-toggle-icon i:first-child {transform:translateY(3px) rotate(45deg);}
.nav-toggle[aria-expanded='true'] .nav-toggle-icon i:last-child {transform:translateY(-3px) rotate(-45deg);}
.nav-toggle:focus-visible {outline:3px solid var(--blue);outline-offset:4px;}
@media(max-width:900px) {
header {flex-wrap:nowrap;gap:18px;}
header .header-navigation {width:auto;max-width:none;flex:0 0 auto;margin-left:auto;align-items:center;gap:10px;}
header .header-navigation .language {order:0;align-self:center;display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;}
header.nav-enhanced .nav-toggle {display:inline-flex;order:1;}
header.nav-enhanced .header-navigation nav {display:none;position:absolute;left:0;right:0;top:100%;width:100%;max-height:calc(100dvh - var(--header-height,100px) - 12px);overflow-y:auto;margin:0;padding:14px 5% 22px;background:var(--paper);border-bottom:1px solid #cec5d5;box-shadow:0 16px 22px #221a1810;white-space:normal;gap:0;flex-direction:column;align-items:stretch;}
header.nav-enhanced.nav-open .header-navigation nav {display:flex;}
}
@media(max-width:600px) {
header {flex-wrap:wrap;padding:16px 5%;gap:14px;}
.brand {max-width:100%;width:100%;gap:12px;}
header .header-navigation {width:100%;justify-content:flex-end;gap:10px;}
.brand .university-logo {max-width:220px;}
.brand .programme-logo {max-width:110px;}
}
@media(prefers-reduced-motion:reduce) {
.nav-toggle-icon i {transition:none;}
}
.brand .university-link, .brand .programme-link {flex:0 1 auto;}
@media(max-width:600px) {
.brand .university-link {width:62%;max-width:220px;}
.brand .programme-link {width:29%;max-width:110px;}
.brand .university-logo, .brand .programme-logo {width:100%;height:auto;}
}
header .header-navigation nav, header .language, .nav-toggle {font-size:14px;}
@media(min-width:601px) {
header .brand .university-logo {height:48px;width:auto;max-width:none;}
header .brand .programme-logo {height:44px;width:auto;max-width:none;}
header .brand-divider {height:42px;}
}
header .header-navigation, header #primary-navigation, header .language, header .nav-toggle {
 font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif!important;}
header .language {font-weight:400;}
header .university-logo {aspect-ratio:1900 / 506;}
header .programme-logo {aspect-ratio:2736 / 1067;}
header .language {
  font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif!important;
  font-weight:400!important;}
@media(min-width:901px) {
header #primary-navigation {align-items:center;}
}
header .brand img {display:block;}
header .brand .university-logo {aspect-ratio:1900 / 506;}
header .brand .programme-logo {aspect-ratio:2736 / 1067;}
@media(min-width:901px) {
header .brand {flex-shrink:0;}
header .header-navigation, header #primary-navigation {align-items:center;}
}