/* Shared public and Discover header geometry and active state. */
:is(#header,.crowd-site-header){height:112px;min-height:112px;width:100%;max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:24px;position:relative;font-family:Arial,Helvetica,sans-serif;line-height:1.45;font-size:16px}
:is(#header,.crowd-site-header) .logo{display:flex;width:240px;flex-shrink:0;padding:0;margin:0}:is(#header,.crowd-site-header) .logo img{width:100%;height:auto;display:block;mix-blend-mode:multiply}
:is(#header,.crowd-site-header) nav,:is(#header,.crowd-site-header) .header-actions{display:flex;align-items:center;gap:36px;margin:0}
:is(#header,.crowd-site-header) nav a{position:relative;display:inline-flex;align-items:center;line-height:1.4;padding:8px 0;margin:0;border:0;color:#100844;font-size:14px;white-space:nowrap}
:is(#header,.crowd-site-header) nav a.active{color:#7634ff}:is(#header,.crowd-site-header) nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:#7634ff}
:is(#header,.crowd-site-header) .header-actions>a:not(.btn){font-size:16px;color:#7634ff;white-space:nowrap}
:is(#header,.crowd-site-header) .header-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(115deg,#8545ff,#7028fb);color:#fff;font-size:12px;font-weight:500;min-height:42px;line-height:1.45;padding:9px 12px;border-radius:12px;border:1px solid transparent;white-space:nowrap;box-shadow:0 5px 13px #7030fb13}
:is(#header,.crowd-site-header) .arrow{font-size:23px;line-height:1}:is(#header,.crowd-site-header) .menu-toggle,:is(#header,.crowd-site-header) .mobile-signin{display:none}
.member-shell .m-sidebar{top:112px;padding-top:24px}.member-shell .m-content{padding-top:24px}.member-shell .m-topbar{min-height:48px;padding-top:8px;padding-bottom:0}.member-shell .m-topbar>.m-breadcrumbs{margin-top:0}
@media(max-width:1100px){:is(#header,.crowd-site-header){height:90px;min-height:90px;padding:0 24px;gap:16px}:is(#header,.crowd-site-header) .logo{width:210px}:is(#header,.crowd-site-header) nav,:is(#header,.crowd-site-header) .header-actions{gap:20px}.member-shell .m-sidebar{top:90px}}
@media(max-width:900px){:is(#header,.crowd-site-header) nav{display:none}:is(#header,.crowd-site-header) .menu-toggle{display:block;margin-left:auto;color:#7634ff;font-size:22px;padding:4px}:is(#header,.crowd-site-header) nav.open{display:flex;position:absolute;top:80px;left:24px;right:24px;z-index:20;background:#fff;padding:20px;border:1px solid #e8e3fb;border-radius:12px;box-shadow:0 10px 30px #10084415;flex-wrap:wrap;gap:18px}:is(#header,.crowd-site-header) nav.open .mobile-signin{display:inline-flex}}
@media(max-width:700px){:is(#header,.crowd-site-header){height:85px;min-height:85px;padding:0 16px;gap:8px}:is(#header,.crowd-site-header) .logo{width:158px}:is(#header,.crowd-site-header) .header-actions{gap:12px}:is(#header,.crowd-site-header) .header-actions .btn{font-size:12px;padding:9px 12px;min-height:42px}:is(#header,.crowd-site-header) .header-actions .arrow,:is(#header,.crowd-site-header) .header-actions>a:not(.btn){display:none}.member-shell .m-sidebar{position:relative;top:0;padding:8px 12px}.member-shell .m-content{padding-top:22px}}
:is(#header,.crowd-site-header) .mobile-search-link{display:none}.search-symbol{display:inline-block;width:18px;height:18px;border:2px solid currentColor;border-radius:50%;position:relative;margin:3px 6px 6px 3px}.search-symbol:after{content:"";width:8px;height:2px;background:currentColor;position:absolute;right:-6px;bottom:-3px;transform:rotate(45deg)}
@media(max-width:900px){:is(#header,.crowd-site-header) .mobile-search-link{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:44px;margin-left:auto;color:#7634ff}:is(#header,.crowd-site-header) .menu-toggle{margin-left:0}}
@media(max-width:420px){:is(#header,.crowd-site-header) .logo{width:145px}:is(#header,.crowd-site-header) .header-actions .btn{padding:8px;font-size:11px}}
:is(#header,.crowd-site-header) a[aria-label="Search"]{box-sizing:border-box;flex-shrink:0;width:40px;height:44px;align-items:center;justify-content:center;padding:0}:is(#header,.crowd-site-header) .search-symbol{box-sizing:border-box;flex-shrink:0;width:18px;height:18px;border-width:2px}:is(#header,.crowd-site-header) a[aria-label="Search"].active::after{display:none}
@media(max-width:900px){:is(#header,.crowd-site-header) nav a[aria-label="Search"]{display:none}}
:is(#header,.crowd-site-header) .header-actions>a:not(.btn){color:#873bbd}
/* Full-bleed public header background without moving the navigation. */
#header,.public-search-shell .crowd-site-header{isolation:isolate}
#header::before,.public-search-shell .crowd-site-header::before{content:"";position:absolute;inset:0;z-index:-1;background:#f6f6f8;box-shadow:0 0 0 100vmax #f6f6f8;clip-path:inset(0 -100vmax);pointer-events:none}
/* The account header spans the member workspace, independent of public nav width. */
#app .member-shell .crowd-site-header.signed-in-header{width:100%;max-width:none;margin:0;height:72px;min-height:72px;padding:0 32px;justify-content:flex-end;box-sizing:border-box}
#app .signed-in-header .m-account{margin-left:auto}
@media(max-width:700px){#app .member-shell .crowd-site-header.signed-in-header{height:62px;min-height:62px;padding:0 18px}}

/* Match mobile navigation icons while preserving generous tap targets. */
@media(max-width:900px){
:is(#header,.crowd-site-header) .menu-toggle{position:relative;width:40px;height:44px;min-width:40px;padding:0;font-size:0;flex-shrink:0}
:is(#header,.crowd-site-header) .menu-toggle::before{content:"";position:absolute;left:10px;top:14px;width:20px;height:2px;border-radius:1px;background:currentColor;box-shadow:0 7px 0 currentColor,0 14px 0 currentColor}
:is(#header,.crowd-site-header) .mobile-search-link .search-symbol{width:18px;height:18px;margin:0 4px 4px 0}
}

/* Signed-in mobile pages need a logo when the desktop sidebar becomes navigation. */
@media(max-width:700px){
#app .signed-in-header>.logo{display:flex!important;width:158px;flex-shrink:0}
#app .member-shell .crowd-site-header.signed-in-header{justify-content:space-between}
}

/* Anchor desktop public navigation beside the logo. */
@media(min-width:901px){
:is(#header,.crowd-site-header):not(.signed-in-header){justify-content:flex-start;gap:20px}
:is(#header,.crowd-site-header):not(.signed-in-header) .header-actions{margin-left:auto}
}

/* Center desktop links on the page, independently of the side actions. */
@media(min-width:901px){
:is(#header,.crowd-site-header):not(.signed-in-header){display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px}
:is(#header,.crowd-site-header):not(.signed-in-header)>.logo{justify-self:start}
:is(#header,.crowd-site-header):not(.signed-in-header)>nav{justify-self:center}
:is(#header,.crowd-site-header):not(.signed-in-header)>.header-actions{justify-self:end;margin-left:0}
}
@media(min-width:901px) and (max-width:1100px){
:is(#header,.crowd-site-header):not(.signed-in-header)>.logo{width:180px}
:is(#header,.crowd-site-header):not(.signed-in-header)>nav{gap:16px}
:is(#header,.crowd-site-header):not(.signed-in-header)>.header-actions{gap:12px}
}

:is(#header,.crowd-site-header) .header-actions>.header-search-link{display:inline-flex;align-items:center;justify-content:center;color:#7634ff}
@media(max-width:900px){:is(#header,.crowd-site-header) .header-actions>.header-search-link{display:none}}

@media(max-width:900px){:is(#header,.crowd-site-header) .header-actions>a:not(.btn){display:none}}

/* Mobile menus share the account menu's compact vertical dropdown treatment. */
@media(max-width:900px){
 :is(#header,.crowd-site-header){position:relative;z-index:30}
 :is(#header,.crowd-site-header):not(.signed-in-header)>nav.open{display:flex;flex-direction:column;align-items:stretch;position:absolute;left:auto;right:18px;top:calc(100% - 4px);width:220px;max-width:calc(100vw - 36px);gap:2px;padding:8px;background:#fff;border:1px solid #e8e1f2;border-radius:12px;box-shadow:0 12px 32px #2410441c;z-index:40}
 :is(#header,.crowd-site-header)>nav.open a{display:block;text-align:left;width:100%;box-sizing:border-box;padding:11px 13px;border-radius:7px;font-size:14px;line-height:1.4;color:#251544}
 :is(#header,.crowd-site-header)>nav.open a:hover{background:#f5f0fc;color:#7836ed}
}
@media(max-width:700px){
 #app .member-shell .crowd-site-header.signed-in-header{justify-content:flex-start;gap:12px}
 #app .signed-in-header>.menu-toggle{margin-left:auto!important;margin-right:0}
 #app .signed-in-header>.m-account{margin-left:0!important}
 #app .member-shell:has(.signed-in-header){position:relative}
 #app .member-shell:has(.signed-in-header) .m-sidebar.mobile-open{position:absolute;top:58px;left:auto;right:18px;width:230px;max-width:calc(100vw - 36px);padding:8px;border:1px solid #e8e1f2;border-radius:12px;background:#fff;box-shadow:0 12px 32px #2410441c;z-index:40}
 #app .m-sidebar.mobile-open nav{gap:2px}
 #app .m-sidebar.mobile-open nav a{padding:11px 13px;border-radius:7px;font-size:14px}
 #app .m-sidebar.mobile-open .m-logo{display:none}
}

@media(max-width:700px){
 #app .member-shell:has(.signed-in-header) .m-sidebar.mobile-open{width:220px;padding:8px;border-radius:12px}
 #app .m-sidebar.mobile-open nav a{display:block;padding:11px 13px;font-size:14px;font-weight:400;line-height:1.4;color:#251544;background:transparent;border:0}
 #app .m-sidebar.mobile-open nav a svg{display:none}
 #app .m-sidebar.mobile-open nav a:hover{background:#f5f0fc;color:#7836ed}
 #app .m-sidebar.mobile-open nav a.active{color:#7836ed;background:transparent}
}
@media(max-width:700px){#app .member-shell .crowd-site-header.signed-in-header{background:#f6f6f8}}
@media(max-width:900px){
 :is(#header,.crowd-site-header) nav.open a.active::after{display:none!important}
 :is(#header,.crowd-site-header) nav.open .mobile-signin{order:-1}
}
@media(max-width:700px){
 #app .signed-in-header>.menu-toggle{display:none!important}
 #app .signed-in-header>.m-account{margin-left:auto!important}
 #app .member-shell:has(.signed-in-header) .m-sidebar{display:none!important}
}

/* Keep navigation aligned across pages with and without vertical scrolling. */
html{scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}
#app .signed-in-header>.member-header-search{display:inline-flex;align-items:center;justify-content:center;width:40px;height:44px;flex:0 0 40px;color:#7634ff;margin-left:auto;text-decoration:none}
#app .signed-in-header>.member-header-search+.m-account{margin-left:0!important}

/* Let the sidebar logo remain clickable beneath the intermediate-width header. */
@media(min-width:701px) and (max-width:900px){#app .signed-in-header{pointer-events:none}#app .signed-in-header>*{pointer-events:auto}}

/* Keep Get Started anchored while retaining its color hover feedback. */
:is(#header,.crowd-site-header) .header-actions .btn,
:is(#header,.crowd-site-header) .header-actions .btn:hover,
:is(#header,.crowd-site-header) .header-actions .btn:active{transform:none;translate:none;scale:none;animation:none;transition:background-color .15s,color .15s,filter .15s}