/* Public website navigation. The portal has its own independent shell. */
.site-menu-toggle{display:none}
.site-mobile-menu{--menu-ink:#16344b;--menu-muted:#63788b;--menu-line:#e3ebef;--menu-soft:#eef8fa;--menu-bg:#fff;position:fixed;inset:0 0 0 auto;width:min(400px,100%);max-width:100%;height:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:18px 0 0 18px;background:var(--menu-bg);color:var(--menu-ink);box-shadow:-12px 0 60px #0d21422b;overflow:hidden}
.site-mobile-menu:not([open]){display:none}
.site-mobile-menu::backdrop{background:#0d214275;backdrop-filter:blur(3px)}
.site-mobile-shell{display:flex;flex-direction:column;height:100%;min-height:0}
.site-mobile-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;min-height:72px;padding:12px 20px;padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid var(--menu-line)}
.site-mobile-brand{display:flex;align-items:center;min-height:44px;flex-shrink:0}
.site-mobile-brand img{display:block;width:130px;height:auto}
.site-mobile-brand .site-brand-dark{display:none}
.site-menu-close,.site-menu-toggle{align-items:center;justify-content:center;gap:10px;min-width:44px;min-height:44px;border:1px solid #dbe8ec;border-radius:12px;background:#f5f9fa;color:#16344b;font:inherit;cursor:pointer}
.site-menu-close{display:flex;flex-shrink:0}
.site-menu-close:hover,.site-menu-toggle:hover{background:#eaf5f8;color:#087f97}
.site-mobile-body{display:flex;flex-direction:column;gap:24px;min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px 20px;padding-bottom:max(20px,env(safe-area-inset-bottom))}
.site-mobile-menu ul{list-style:none;padding:0;margin:0}
.site-mobile-menu li{list-style:none;margin:0;padding:0}
.site-mobile-menu .site-mobile-link{display:flex;align-items:center;gap:10px;width:100%;min-height:50px;padding:12px 14px;margin:2px 0;border:0;border-radius:10px;text-align:left;text-decoration:none;background:transparent;color:var(--menu-ink);font:inherit;font-size:15px;font-weight:600;line-height:1.5;cursor:pointer;overflow-wrap:anywhere}
.site-mobile-menu .site-mobile-link:hover,.site-mobile-menu .site-mobile-link.active,.site-mobile-menu .site-mobile-link[aria-expanded="true"]{background:var(--menu-soft);color:#087e96}
.site-mobile-menu .site-mobile-link[aria-current="page"]{box-shadow:inset 3px 0 #00b5cc}
.site-mobile-link .nav-curator-tag{margin-left:0;font-size:9px;padding:2px 8px;letter-spacing:.6px}
.site-mobile-chevron{margin-left:auto;flex-shrink:0;transition:transform .18s ease}
[aria-expanded="true"]>.site-mobile-chevron{transform:rotate(180deg)}
.site-mobile-menu .site-mobile-submenu{margin:4px 0 10px 14px;padding-left:12px;border-left:1px solid var(--menu-line)}
.site-mobile-submenu[hidden]{display:none!important}
.site-mobile-submenu .site-mobile-link{font-size:14px;font-weight:400;min-height:44px;margin:0;padding:10px 12px}
.site-mobile-footer{margin-top:auto;border-top:1px solid var(--menu-line);padding-top:20px}
.site-mobile-account{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.site-mobile-account a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 10px;border:1px solid var(--menu-line);border-radius:10px;color:var(--menu-ink);background:var(--menu-bg);font-size:14px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none}
.site-mobile-account a.site-mobile-primary{color:#fff;border-color:transparent;background:linear-gradient(100deg,#00b5cc,#1976d2)}
.site-mobile-account a:hover{filter:brightness(.96)}
.site-mobile-account i{font-size:18px}
.site-mobile-language-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:var(--menu-muted);font-size:12px}
.site-mobile-languages{display:flex;gap:6px}
.site-mobile-languages a{display:flex;align-items:center;gap:7px;min-width:66px;min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:9px;color:var(--menu-muted);font-size:12px;font-weight:600;text-decoration:none}
.site-mobile-languages a.is-active{color:#087e96;border-color:#cee5ea;background:var(--menu-soft)}
.site-mobile-menu a:focus-visible,.site-mobile-menu button:focus-visible,.site-menu-toggle:focus-visible{outline:3px solid #00a9c0;outline-offset:2px}
.theme-dark .site-mobile-menu{--menu-bg:#132331;--menu-ink:#e4edf4;--menu-muted:#a3b9ca;--menu-line:#2a414f;--menu-soft:#193e4b;color-scheme:dark}
.theme-dark .site-mobile-brand .site-brand-light{display:none}
.theme-dark .site-mobile-brand .site-brand-dark{display:block}
.theme-dark .site-menu-close,.theme-dark .site-menu-toggle{background:#1d3443;color:#e4edf4;border-color:#355060}
.theme-dark .site-mobile-menu .site-mobile-link.active,.theme-dark .site-mobile-menu .site-mobile-link:hover,.theme-dark .site-mobile-menu .site-mobile-link[aria-expanded="true"],.theme-dark .site-mobile-languages a.is-active{color:#60d5e6}
@media(max-width:1199px){
  .site-navbar.navbar-area,.site-navbar.navbar-area.is-sticky{position:sticky;top:0;min-height:72px;padding:0;background:#fff!important;border-bottom:1px solid #e3ebef;box-shadow:0 2px 12px #0d214205;animation:none;transform:none}
  .site-navbar .tracer-responsive-nav>.container{max-width:none;padding:0 20px;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
  .site-navbar .tracer-responsive-menu{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding-top:env(safe-area-inset-top)}
  .site-navbar .tracer-responsive-menu .logo{position:static;width:130px;max-width:calc(100% - 108px)}
  .site-navbar .tracer-responsive-menu .logo a{display:flex;align-items:center;min-height:44px}
  .site-navbar .tracer-responsive-menu .logo img{width:130px;max-width:100%;height:auto}
  .site-navbar .site-menu-toggle{display:flex;margin-left:auto;padding:8px 12px;font-size:13px;font-weight:600}
  .site-navbar>.others-option-for-responsive{display:none!important}
  .theme-dark .site-navbar.navbar-area{background:#132331!important;border-color:#2a414f}
  .cur-jump{top:calc(72px + env(safe-area-inset-top));flex-wrap:nowrap;justify-content:flex-start;gap:8px;max-width:100%;overflow-x:auto;padding:8px 0;background:#fff;scrollbar-width:thin}
  .cur-jump a{display:flex;align-items:center;flex-shrink:0;min-height:44px;white-space:nowrap}
  .cur-block[id]{scroll-margin-top:142px}
  .theme-dark .cur-jump{background:#0b1a2e}
}
@media(max-width:480px){.site-mobile-menu{border-radius:0}}
@media(prefers-reduced-motion:reduce){.site-mobile-chevron{transition:none}}
