/* One floating glass navbar across the website; menu surfaces follow page theme. */
#siteHeader.header {position:fixed;top:16px;left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 64px);max-width:1680px;border:1px solid rgba(200,218,245,.2);border-radius:22px;background:rgba(12,21,36,.68)!important;backdrop-filter:blur(22px) saturate(1.2);box-shadow:0 8px 30px #0001;}
#siteHeader.header .header__inner {max-width:none;padding-left:24px;padding-right:24px;}
html[data-theme=light] #siteHeader.header {background:rgba(249,251,255,.72)!important;border-color:rgba(132,153,190,.28);box-shadow:0 8px 30px #12304412;}
body:not(.zj-ambient-home) .page {padding-top:calc(var(--header-h,68px) + 28px);}
#siteHeader.mobile-app-header {top:10px;width:calc(100% - 24px);height:60px;border-radius:18px;}
#siteHeader.mobile-app-header .header__inner {height:60px;padding-left:18px;padding-right:12px;}
body:not(.zj-ambient-home) main.mobile-app-page {padding-top:calc(var(--mobile-bar-h,72px) + 12px)!important;}
#siteHeader button[aria-expanded=true] + .header-popover {visibility:visible;opacity:1;pointer-events:auto;transform:none;}
@supports not (backdrop-filter:blur(1px)){#siteHeader.header{background:rgba(12,21,36,.95)!important;}html[data-theme=light] #siteHeader.header{background:rgba(249,251,255,.96)!important;}}

/* One optical grid for all primary navigation icons. */
#siteHeader .header__nav .nav__link{gap:7px;padding-inline:12px;line-height:1.25}#siteHeader .zj-nav-icon{display:block;width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.8}#siteHeader .nav__link.is-active .zj-nav-icon,#siteHeader .nav__link:hover .zj-nav-icon{opacity:1}#siteHeader .nav__caret{margin-left:1px}#siteHeader .nav__link>span{display:block}#siteHeader .nav__link:focus-visible{outline:2px solid #4589ff;outline-offset:-6px;border-radius:12px}
@media(min-width:1025px) and (max-width:1390px){#siteHeader .header__nav .nav__link{font-size:13px;padding-inline:8px;gap:5px}#siteHeader .header__nav{left:46%}#siteHeader .header-search{max-width:200px}}

/* Fix the shared inner container to the header, independent of page .container overrides. */
#siteHeader.header:not(.mobile-app-header)>.header__inner{box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;left:0!important;right:auto;transform:none;padding:0 24px!important}

/* Light theme hero uses dark glass, so its navigation needs light foregrounds. */
html[data-theme=light] body.zj-ambient-home[data-home-nav-state=hero] #siteHeader.header:not(.mobile-app-header) .nav__link{color:#edf3fc!important}html[data-theme=light] body.zj-ambient-home[data-home-nav-state=hero] #siteHeader.header:not(.mobile-app-header) .nav__link.is-active{color:#fff!important}html[data-theme=light] body.zj-ambient-home[data-home-nav-state=scrolled] #siteHeader.header:not(.mobile-app-header) .nav__link{color:#31435e!important}

/* Announcement dropdown: restrained blue-teal glass aligned with the site shell. */
#siteHeader .notification-menu.header-popover {
  width:min(368px,calc(100vw - 28px));
  padding:0;
  overflow:hidden;
  color:#edf5fb;
  background:linear-gradient(145deg,rgba(17,43,57,.94),rgba(13,25,39,.96) 58%,rgba(29,31,45,.94));
  border-color:rgba(166,207,228,.19);
  border-radius:17px;
  box-shadow:0 24px 64px rgba(0,8,18,.44),inset 0 1px 0 rgba(232,247,255,.06);
  -webkit-backdrop-filter:blur(26px) saturate(1.24);
  backdrop-filter:blur(26px) saturate(1.24);
}
#siteHeader .notification-menu .popover-head {
  align-items:center;
  padding:15px 16px 13px;
  border-bottom-color:rgba(172,210,229,.13);
}
#siteHeader .notification-menu .popover-head strong { color:inherit; font-size:13px; letter-spacing:.01em; }
#siteHeader .notification-menu .popover-head span { color:#9cabb9; font-size:10px; }
#siteHeader .notification-menu .popover-text-btn {
  padding:6px 9px;
  color:#a9caff;
  background:rgba(77,140,255,.10);
  border:1px solid rgba(124,172,244,.16);
  border-radius:8px;
  transition:background .16s ease,color .16s ease;
}
#siteHeader .notification-menu .popover-text-btn:hover { color:#fff; background:rgba(77,140,255,.19); }
#siteHeader .notification-menu .notification-list { max-height:min(360px,55vh); padding:8px; }
#siteHeader .notification-menu .notification-item { border-radius:11px; transition:background .16s ease,transform .16s ease; }
#siteHeader .notification-menu .notification-item:hover { background:rgba(172,211,232,.08); }
#siteHeader .notification-menu .notification-item__main { gap:10px; padding:10px 34px 10px 9px; }
#siteHeader .notification-menu .notification-item__icon {
  width:33px;
  height:33px;
  flex-basis:33px;
  color:#9cc5ff;
  background:linear-gradient(145deg,rgba(75,140,255,.19),rgba(54,111,177,.10));
  border:1px solid rgba(142,190,238,.12);
  border-radius:10px;
}
#siteHeader .notification-menu .notification-item__copy strong { color:#eef5fb; font-size:11px; }
#siteHeader .notification-menu .notification-item__copy small { color:#91a0af; font-size:9px; }
#siteHeader .notification-menu .notification-item__dismiss { color:#94a4b4; }
#siteHeader .notification-menu .notification-item__dismiss:hover { color:#fff; background:rgba(207,229,244,.10); }
#siteHeader .notification-menu .notification-empty { padding:34px 16px; color:#a4b1be; }
#siteHeader .notification-menu .popover-footer-link {
  padding:12px 16px;
  color:#bac8d7;
  background:rgba(5,15,26,.17);
  border-top-color:rgba(172,210,229,.13);
  transition:color .16s ease,background .16s ease;
}
#siteHeader .notification-menu .popover-footer-link:hover { color:#fff; background:rgba(98,157,217,.10); }
html[data-theme=light] #siteHeader .notification-menu.header-popover {
  color:#24374b;
  background:linear-gradient(145deg,rgba(250,253,255,.96),rgba(233,243,251,.96) 58%,rgba(245,243,249,.95));
  border-color:rgba(95,132,164,.22);
  box-shadow:0 24px 58px rgba(30,54,77,.20),inset 0 1px 0 rgba(255,255,255,.9);
}
html[data-theme=light] #siteHeader .notification-menu .popover-head { border-bottom-color:rgba(60,91,120,.12); }
html[data-theme=light] #siteHeader .notification-menu .popover-head span,
html[data-theme=light] #siteHeader .notification-menu .notification-item__copy small { color:#718297; }
html[data-theme=light] #siteHeader .notification-menu .popover-text-btn { color:#2869c6; background:rgba(63,126,221,.08); border-color:rgba(63,126,221,.15); }
html[data-theme=light] #siteHeader .notification-menu .popover-text-btn:hover { color:#1e56a8; background:rgba(63,126,221,.14); }
html[data-theme=light] #siteHeader .notification-menu .notification-item:hover { background:rgba(52,99,146,.07); }
html[data-theme=light] #siteHeader .notification-menu .notification-item__icon { color:#3878cb; background:rgba(77,140,255,.10); border-color:rgba(62,117,183,.12); }
html[data-theme=light] #siteHeader .notification-menu .notification-item__copy strong { color:#26394e; }
html[data-theme=light] #siteHeader .notification-menu .notification-item__dismiss { color:#718297; }
html[data-theme=light] #siteHeader .notification-menu .notification-empty { color:#718297; }
html[data-theme=light] #siteHeader .notification-menu .popover-footer-link { color:#5e738a; background:rgba(48,79,109,.035); border-top-color:rgba(60,91,120,.12); }
html[data-theme=light] #siteHeader .notification-menu .popover-footer-link:hover { color:#245a99; background:rgba(63,126,221,.08); }
@media(max-width:600px) {
  #siteHeader .notification-menu.header-popover { width:min(350px,calc(100vw - 24px)); border-radius:15px; }
  #siteHeader .notification-menu .notification-list { max-height:min(320px,50vh); }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  #siteHeader .notification-menu.header-popover { background:rgba(15,30,45,.98); }
  html[data-theme=light] #siteHeader .notification-menu.header-popover { background:rgba(243,248,253,.99); }
}


/* Shared quiet glass surface: dropdowns remain subordinate to the navbar. */
#siteHeader .header-popover:is(.language-menu,.user-menu,.notification-menu) {
  color:#e7edf5;
  background:linear-gradient(145deg,rgba(35,43,54,.92),rgba(28,35,45,.94));
  border:1px solid rgba(226,236,255,.14);
  border-radius:16px;
  box-shadow:0 12px 32px rgba(0,0,0,.18);
  -webkit-backdrop-filter:blur(28px) saturate(1.15);
  backdrop-filter:blur(28px) saturate(1.15);
}
html[data-theme=light] #siteHeader .header-popover:is(.language-menu,.user-menu,.notification-menu) {
  color:#283342;
  background:linear-gradient(145deg,rgba(249,250,252,.94),rgba(234,238,243,.96));
  border-color:rgba(96,116,140,.17);
  box-shadow:0 12px 32px rgba(30,45,64,.12);
}
#siteHeader .notification-menu.header-popover {width:min(300px,calc(100vw - 28px));padding:0;}
#siteHeader .notification-menu .popover-head {padding:12px 14px 10px;gap:8px;border-bottom-color:rgba(226,236,255,.09);}
#siteHeader .notification-menu .popover-head strong {font-size:12px;font-weight:600;}
#siteHeader .notification-menu .popover-head span {display:none;}
#siteHeader .notification-menu .popover-text-btn {padding:3px 0;border:0;background:transparent;font-size:10px;color:#a3bddd;}
#siteHeader .notification-menu .popover-text-btn:hover {background:transparent;color:#d7e6fa;}
#siteHeader .notification-menu .notification-list {padding:5px;max-height:min(280px,45vh);}
#siteHeader .notification-menu .notification-empty {padding:20px 12px;color:#a0a9b6;font-size:11px;}
#siteHeader .notification-menu .notification-item__main {padding:9px 30px 9px 8px;gap:9px;}
#siteHeader .notification-menu .notification-item__icon {width:28px;height:28px;flex-basis:28px;border-radius:8px;background:rgba(201,218,240,.07);border:0;color:#acbfd8;}
#siteHeader .notification-menu .popover-footer-link {padding:10px 14px;background:transparent;border-top-color:rgba(226,236,255,.09);color:#b8c1ce;}
#siteHeader .notification-menu .popover-footer-link:hover {background:rgba(226,236,255,.045);color:#eef3fa;}
html[data-theme=light] #siteHeader .notification-menu .popover-head,
html[data-theme=light] #siteHeader .notification-menu .popover-footer-link {border-color:rgba(96,116,140,.11);}
html[data-theme=light] #siteHeader .notification-menu .popover-text-btn {background:transparent;border:0;color:#4d709c;}
html[data-theme=light] #siteHeader .notification-menu .popover-text-btn:hover {background:transparent;color:#285891;}
html[data-theme=light] #siteHeader .notification-menu .notification-empty {color:#718093;}
html[data-theme=light] #siteHeader .notification-menu .popover-footer-link {background:transparent;color:#5c6d82;}
html[data-theme=light] #siteHeader .notification-menu .popover-footer-link:hover {background:rgba(50,76,110,.045);color:#284c76;}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  #siteHeader .header-popover:is(.language-menu,.user-menu,.notification-menu) {background:#232b36;}
  html[data-theme=light] #siteHeader .header-popover:is(.language-menu,.user-menu,.notification-menu) {background:#f3f5f8;}
}

/* Shared quiet glass surface: dropdowns remain subordinate to the navbar. */
#siteHeader .header-popover:is(.language-menu,.user-menu,.notification-menu) {
  color:#e7edf5;
  background:linear-gradient(145deg,rgba(35,43,54,.92),rgba(28,35,45,.94))!important;
  border:1px solid rgba(226,236,255,.14)!important;
  border-radius:16px!important;
  box-shadow:0 12px 32px rgba(0,0,0,.18)!important;
  -webkit-backdrop-filter:blur(28px) saturate(1.15)!important;
  backdrop-filter:blur(28px) saturate(1.15)!important;
}
html[data-theme=light] #siteHeader .header-popover:is(.language-menu,.user-menu,.notification-menu) {
  color:#283342;
  background:linear-gradient(145deg,rgba(249,250,252,.94),rgba(234,238,243,.96))!important;
  border-color:rgba(96,116,140,.17);
  box-shadow:0 12px 32px rgba(30,45,64,.12)!important;
}
#siteHeader .notification-menu.header-popover {width:min(300px,calc(100vw - 28px));padding:0;}
#siteHeader .notification-menu .popover-head {padding:12px 14px 10px;gap:8px;border-bottom-color:rgba(226,236,255,.09);}
#siteHeader .notification-menu .popover-head strong {font-size:12px;font-weight:600;}
#siteHeader .notification-menu .popover-head span {display:none;}
#siteHeader .notification-menu .popover-text-btn {padding:3px 0;border:0;background:transparent;font-size:10px;color:#a3bddd;}
#siteHeader .notification-menu .popover-text-btn:hover {background:transparent;color:#d7e6fa;}
#siteHeader .notification-menu .notification-list {padding:5px;max-height:min(280px,45vh);}
#siteHeader .notification-menu .notification-empty {padding:20px 12px;color:#a0a9b6;font-size:11px;}
#siteHeader .notification-menu .notification-item__main {padding:9px 30px 9px 8px;gap:9px;}
#siteHeader .notification-menu .notification-item__icon {width:28px;height:28px;flex-basis:28px;border-radius:8px;background:rgba(201,218,240,.07);border:0;color:#acbfd8;}
#siteHeader .notification-menu .popover-footer-link {padding:10px 14px;background:transparent;border-top-color:rgba(226,236,255,.09);color:#b8c1ce;}
#siteHeader .notification-menu .popover-footer-link:hover {background:rgba(226,236,255,.045);color:#eef3fa;}
html[data-theme=light] #siteHeader .notification-menu .popover-head,
html[data-theme=light] #siteHeader .notification-menu .popover-footer-link {border-color:rgba(96,116,140,.11);}
html[data-theme=light] #siteHeader .notification-menu .popover-text-btn {background:transparent;border:0;color:#4d709c;}
html[data-theme=light] #siteHeader .notification-menu .popover-text-btn:hover {background:transparent;color:#285891;}
html[data-theme=light] #siteHeader .notification-menu .notification-empty {color:#718093;}
html[data-theme=light] #siteHeader .notification-menu .popover-footer-link {background:transparent;color:#5c6d82;}
html[data-theme=light] #siteHeader .notification-menu .popover-footer-link:hover {background:rgba(50,76,110,.045);color:#284c76;}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  #siteHeader .header-popover:is(.language-menu,.user-menu,.notification-menu) {background:#232b36!important;}
  html[data-theme=light] #siteHeader .header-popover:is(.language-menu,.user-menu,.notification-menu) {background:#f3f5f8;}
}

/* Shared quiet glass surface: dropdowns remain subordinate to the navbar. */
html[data-theme] body.site-ambient-enabled #siteHeader#siteHeader .header-popover:is(#languageMenu,#userMenu,.notification-menu) {
  color:#e7edf5;
  background:linear-gradient(145deg,rgba(35,43,54,.92),rgba(28,35,45,.94))!important;
  border:1px solid rgba(226,236,255,.14)!important;
  border-radius:16px!important;
  box-shadow:0 12px 32px rgba(0,0,0,.18)!important;
  -webkit-backdrop-filter:blur(28px) saturate(1.15)!important;
  backdrop-filter:blur(28px) saturate(1.15)!important;
}
html[data-theme=light] body.site-ambient-enabled #siteHeader#siteHeader .header-popover:is(#languageMenu,#userMenu,.notification-menu) {
  color:#283342;
  background:linear-gradient(145deg,rgba(249,250,252,.94),rgba(234,238,243,.96))!important;
  border-color:rgba(96,116,140,.17);
  box-shadow:0 12px 32px rgba(30,45,64,.12)!important;
}
#siteHeader .notification-menu.header-popover {width:min(300px,calc(100vw - 28px));padding:0;}
#siteHeader .notification-menu .popover-head {padding:12px 14px 10px;gap:8px;border-bottom-color:rgba(226,236,255,.09);}
#siteHeader .notification-menu .popover-head strong {font-size:12px;font-weight:600;}
#siteHeader .notification-menu .popover-head span {display:none;}
#siteHeader .notification-menu .popover-text-btn {padding:3px 0;border:0;background:transparent;font-size:10px;color:#a3bddd;}
#siteHeader .notification-menu .popover-text-btn:hover {background:transparent;color:#d7e6fa;}
#siteHeader .notification-menu .notification-list {padding:5px;max-height:min(280px,45vh);}
#siteHeader .notification-menu .notification-empty {padding:20px 12px;color:#a0a9b6;font-size:11px;}
#siteHeader .notification-menu .notification-item__main {padding:9px 30px 9px 8px;gap:9px;}
#siteHeader .notification-menu .notification-item__icon {width:28px;height:28px;flex-basis:28px;border-radius:8px;background:rgba(201,218,240,.07);border:0;color:#acbfd8;}
#siteHeader .notification-menu .popover-footer-link {padding:10px 14px;background:transparent;border-top-color:rgba(226,236,255,.09);color:#b8c1ce;}
#siteHeader .notification-menu .popover-footer-link:hover {background:rgba(226,236,255,.045);color:#eef3fa;}
html[data-theme=light] #siteHeader .notification-menu .popover-head,
html[data-theme=light] #siteHeader .notification-menu .popover-footer-link {border-color:rgba(96,116,140,.11);}
html[data-theme=light] #siteHeader .notification-menu .popover-text-btn {background:transparent;border:0;color:#4d709c;}
html[data-theme=light] #siteHeader .notification-menu .popover-text-btn:hover {background:transparent;color:#285891;}
html[data-theme=light] #siteHeader .notification-menu .notification-empty {color:#718093;}
html[data-theme=light] #siteHeader .notification-menu .popover-footer-link {background:transparent;color:#5c6d82;}
html[data-theme=light] #siteHeader .notification-menu .popover-footer-link:hover {background:rgba(50,76,110,.045);color:#284c76;}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  html[data-theme] body.site-ambient-enabled #siteHeader#siteHeader .header-popover:is(#languageMenu,#userMenu,.notification-menu) {background:#232b36!important;}
  html[data-theme=light] body.site-ambient-enabled #siteHeader#siteHeader .header-popover:is(#languageMenu,#userMenu,.notification-menu) {background:#f3f5f8;}
}