/* Global site header shared by every 22MI page. */
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px;padding:10px max(24px,calc((100% - 1180px)/2));border-bottom:1px solid rgba(227,234,242,.9);background:#fff;color:#071a33}
.site-header .brand{display:block;flex:0 0 auto}
.site-header .brand-logo-image{display:block;width:168px;height:59px;background-image:var(--logo,url("assets/brand/logo.webp"));background-position:left center;background-size:contain;background-repeat:no-repeat}
.site-header .nav{display:flex;position:static;align-items:center;justify-content:flex-end;flex-direction:row;gap:24px;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:14px;color:#2b3f56;white-space:nowrap}
.site-header .nav a{display:inline-block;padding:8px 0;margin:0;background:transparent;color:inherit;border-radius:0;position:relative}
.site-header .nav a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:#071a33;transition:right .18s ease}
.site-header .nav a:hover::after,.site-header .nav a[aria-current="page"]::after{right:0}
.site-header .nav-cta{background:transparent;color:inherit;border-radius:0;padding:8px 0}
.site-header .nav-cta::after{display:block}

@media(max-width:720px){
  .site-header{display:grid;grid-template-columns:1fr;justify-items:start;gap:2px;min-height:0;padding:8px 16px 9px}
  .site-header .brand-logo-image{width:118px;height:44px}
  .site-header .nav{width:100%;justify-content:flex-start;gap:20px;font-size:12px;overflow-x:auto;scrollbar-width:none}
  .site-header .nav::-webkit-scrollbar{display:none}
  .site-header .nav a{padding:6px 0}
}