/* One header for the refreshed public website. Loaded after page styles. */
:root{--site-max:1200px;--site-gutter:48px}
html,html.mc-host{scrollbar-color:#695071 #160f1e;scrollbar-width:thin;scrollbar-gutter:stable}
html :is(.wrap,.page,.footer,.preview-tools,.news-page){max-width:var(--site-max);width:calc(100% - var(--site-gutter)*2)}
#site-header-root{position:relative;z-index:10;box-sizing:border-box;width:calc(100% - var(--site-gutter)*2);max-width:var(--site-max);height:64px;min-height:64px;margin:24px auto 0;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #493650;border-radius:16px;background:#1d1527;color:#f6eff9;font:400 14px/20px Manrope,sans-serif}
#site-header-root *{box-sizing:border-box}
#site-header-root .wordmark{display:inline-flex;align-items:center;min-height:44px;margin:0 auto 0 0;font:700 18px/24px Manrope,sans-serif;letter-spacing:-.025em;white-space:nowrap;color:#f6eff9;text-decoration:none;flex-shrink:0}
#site-header-root .wordmark span{font:400 18px/24px Manrope,sans-serif;letter-spacing:-.025em;color:#c5b4ce;margin-left:4px}
#site-header-root .wordmark i{display:block;width:4px;height:4px;border-radius:50%;background:#ddb6ec;font-size:0;line-height:0;letter-spacing:0;margin:2px 0 0 10px;flex-shrink:0}
#site-header-root nav{position:static;display:flex;flex-direction:row;align-items:center;gap:24px;margin:0;padding:0;border:0;background:none;box-shadow:none}
#site-header-root nav>a{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:0;color:#c5b4ce;font:400 14px/20px Manrope,sans-serif;text-decoration:none;white-space:nowrap}
#site-header-root nav>a:hover{color:#f6eff9}
#site-header-root nav>a[aria-current=page]{color:#f6eff9}
#site-header-root nav>a[aria-current=page]:after{content:'';position:absolute;height:2px;bottom:4px;left:0;right:0;background:#ddb6ec}
#site-header-root #commHeaderLink{padding:8px 12px;border:1px solid #493650;border-radius:8px;color:#f6eff9}
#site-header-root #commHeaderLink:after{display:none}
#site-header-root #commHeaderLink.is-signed-in{display:inline-flex;gap:10px;height:44px;min-height:44px;padding:8px 10px;border:0;border-radius:8px;background:transparent}
#site-header-root .header-avatar{display:block;width:28px;height:28px;border-radius:50%;object-fit:cover;padding:0;margin:0;flex-shrink:0}
#site-header-root #commBtnAvatar{align-items:center;flex-shrink:0}
#site-header-root :is(#commBtnLabel,.account-name){display:block;overflow:hidden;max-width:160px;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
@media(hover:hover) and (pointer:fine){
 #site-header-root .mobile-menu-toggle:hover{background:#30213a}
 #site-header-root :is(#commHeaderLink.is-signed-in,.mobile-cabinet.is-signed-in):hover{background:transparent;color:#ddb6ec}
 #site-header-root :is(#commHeaderLink.is-signed-in,.mobile-cabinet.is-signed-in):hover .header-avatar{outline:1px solid #b68ac6;outline-offset:2px}
}
#site-header-root .mobile-menu-toggle,#site-header-root .mobile-cabinet{display:none}
#site-header-root :is(a,button):focus-visible{outline:2px solid #ddb6ec;outline-offset:4px}
#site-header-root svg{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1050px){:root{--site-gutter:32px}}
@media(max-width:900px){
 html.hub-host #site-header-root .mobile-menu-toggle,html.hub-host #site-header-root .mobile-cabinet{display:inline-flex!important}
 #site-header-root{padding:0 16px;gap:12px}
 #site-header-root .wordmark,#site-header-root .wordmark span{font-size:16px}
 #site-header-root .wordmark i{display:none}
 #site-header-root .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:0;border-radius:8px;background:transparent;color:#edd8f5;padding:0;cursor:pointer}
 #site-header-root .mobile-menu-toggle svg{width:20px;height:20px;stroke-width:1.5}
 #site-header-root .mobile-menu-toggle[aria-expanded=true]{background:#30213a}
 #site-header-root .mobile-cabinet{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:4px 8px;color:#f6eff9;text-decoration:none;white-space:nowrap}
 #site-header-root .mobile-cabinet.is-signed-in{height:44px;padding:8px 10px;gap:8px;border:0;border-radius:8px;background:transparent;min-width:0;max-width:140px}
 #site-header-root .mobile-cabinet .account-name{max-width:72px}
 #site-header-root nav{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px;background:#24192f;border:1px solid #493650;border-radius:12px;box-shadow:0 12px 24px #08040c66}
 #site-header-root.menu-open nav{display:flex}
 #site-header-root nav>a,#site-header-root nav>a:first-child,#site-header-root nav>a:nth-child(2){display:flex;padding:12px 8px;min-height:48px;font-size:16px;line-height:24px}
 #site-header-root nav>a[aria-current]:after{display:none}
 #site-header-root nav #commHeaderLink,#site-header-root nav #commHeaderLink.is-signed-in{display:none}
}
@media(max-width:700px){:root{--site-gutter:16px}#site-header-root{border-radius:12px;padding:0 12px;gap:8px}#site-header-root .wordmark,#site-header-root .wordmark span{font-size:14px}#site-header-root .mobile-cabinet .account-name{max-width:60px}}
@media(max-width:360px){#site-header-root .mobile-cabinet.is-signed-in{width:44px;padding:8px}#site-header-root .mobile-cabinet .account-name{display:none}}

/* Sessions are origin-bound; the project selector has no account control. */
html.hub-host #site-header-root :is(#commHeaderLink,.mobile-cabinet){display:none!important}