/* VEXIDO navigation, approved brand palette */
.vn-enabled .vx-bar{max-width:1600px;gap:22px;padding:16px 28px}.vn-enabled .vx-brand{width:220px;flex-shrink:0}.vn-enabled .vx-search{flex:1;min-width:130px;max-width:360px}.vn-enabled .vx-header nav{gap:12px;margin-left:auto}.vn-enabled .vx-menu>summary,.vn-disclosure>summary{display:flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer;font-size:14px;font-weight:500;padding:12px 5px;color:#202b39;list-style:none}.vn-enabled summary::-webkit-details-marker{display:none}.vn-enabled .vx-menu>summary svg,.vn-disclosure svg,.vn-link svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.vn-enabled .vx-menu[open]>summary,.vn-disclosure[open]>summary{color:#6743b5;background:#f3eefb;border-radius:9px}.vn-enabled .vx-account{display:flex;align-items:center;gap:12px;margin-left:0}.vn-disclosure{position:relative}.vn-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 120px);overflow:auto;padding:18px;background:#fff;border:1px solid #e5e0ed;border-radius:18px;box-shadow:0 16px 40px #20263926;z-index:120;text-align:left}.vn-dropdown p{font-size:14px;color:#596579;line-height:1.6}.vn-dropdown h3{font-size:15px;color:#263346}.vn-profile-summary{display:flex;align-items:center;gap:13px;background:#f3eefb;padding:16px;border-radius:12px}.vn-profile-summary strong{font-size:18px;display:block;overflow-wrap:anywhere}.vn-profile-summary div>span{display:block;font-size:13px;color:#657083;margin-top:5px}.vn-avatar{background:#0071ba;color:#fff;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;overflow:hidden}.vn-avatar img{width:100%;height:100%;object-fit:cover}.vn-profile-summary .vn-avatar{width:56px;height:56px;font-size:22px}.vn-link{display:flex;align-items:center;gap:12px;color:#263346;text-decoration:none;font-size:14px;padding:12px;border-radius:8px;line-height:1.4}.vn-link:hover,.vn-link:focus-visible{background:#eee7fa;color:#58309e}.vn-view-profile{background:#6743b5;color:#fff;justify-content:center;margin:12px 0 18px}.vn-view-profile:hover{background:#563394;color:#fff}.vn-group{border-top:1px solid #e5e2ed;padding-top:14px;margin-top:12px}.vn-group h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#626c7c;margin:0 12px 8px}.vn-signout{border-top:1px solid #e5e2ed;border-radius:0;margin-top:12px;padding-top:18px}.vn-planned{color:#6743b5;background:#eee5fb;border-radius:4px;padding:3px 5px;font-size:9px}.vn-enabled .vn-about>summary{font-size:12px}.vn-enabled :is(#my-activities,#my-alerts,#report-archive,#profile-badges,#profile-privacy){scroll-margin-top:120px}
@media(max-width:1099px){.vn-enabled .vx-bar{padding:14px 18px;gap:12px}.vn-enabled .vx-brand{width:175px}.vn-enabled .vx-search{max-width:none}.vn-enabled .vx-header nav.open{padding:14px 20px}.vn-enabled .vx-menu>summary{justify-content:flex-start;padding:14px 4px}.vn-enabled .vx-menu>summary span:last-child{margin-left:auto}.vn-enabled .vx-account{display:block;padding:8px 0}.vn-disclosure>summary{padding:14px 4px}.vn-dropdown{position:static;width:100%;max-width:none;max-height:none;box-shadow:none;border-radius:12px;margin:6px 0 12px}.vn-enabled .vn-about>summary{font-size:15px}.vn-enabled .vn-partners{border-top:1px solid #e5e0ed}.vn-enabled .vn-jobs>summary .vn-planned{margin-left:auto}.vn-enabled .vn-alerts>summary span{margin-left:3px}}
@media(max-width:560px){.vn-enabled .vx-bar{flex-wrap:wrap}.vn-enabled .vx-search{order:3;width:100%;flex-basis:100%}.vn-enabled .vx-mobile-toggle{margin-left:auto}.vn-enabled .vx-header nav.open{max-height:calc(100dvh - 145px)}}

/* Compact header: one row on desktop, explicit menu below its fit threshold. */
.vn-enabled .vx-header .vx-bar{max-width:1480px;padding:9px 20px;gap:16px;flex-wrap:nowrap;min-height:64px;box-sizing:border-box}
.vn-enabled .vx-header .vx-brand{width:156px}
.vn-enabled .vx-header .vx-search{min-width:120px;max-width:250px;flex:1 1 180px;margin:0}
.vn-enabled .vx-header .vx-search form{height:34px}
.vn-enabled .vx-header .vx-search input{font-size:12px}
.vn-enabled .vx-header #vx-navigation{width:auto;gap:9px;flex:0 0 auto;margin-left:auto;justify-content:flex-end}
.vn-enabled .vx-header .vx-menu>summary,.vn-enabled .vx-header .vn-disclosure>summary{font-size:12px;line-height:1.3;gap:5px;padding:9px 4px;font-weight:500}
.vn-enabled .vx-header .vx-menu>summary svg,.vn-enabled .vx-header .vn-disclosure>summary svg{width:17px;height:17px}
.vn-enabled .vx-header .vx-account{gap:8px;padding:0}
.vn-enabled .vx-header .vn-me>summary .vn-avatar{width:28px;height:28px;font-size:11px}
.vn-enabled .vx-header .vx-account>.vx-signin,.vn-enabled .vx-header .vx-account>.vn-link{font-size:12px;padding:8px 3px}
.vn-enabled .vx-header .vx-account>.vx-button{font-size:12px;padding:8px 11px;min-height:34px}
.vn-enabled .vx-header .vn-planned{font-size:8px;padding:3px 4px}
.vn-enabled .vx-header .vn-dropdown{top:calc(100% + 9px);width:310px;padding:14px;max-height:calc(100dvh - 84px)}
.vn-enabled .vx-header .vn-profile-summary{padding:12px;gap:10px}
.vn-enabled .vx-header .vn-profile-summary strong{font-size:15px}
.vn-enabled .vx-header .vn-profile-summary div>span{font-size:12px}
.vn-enabled .vx-header .vn-profile-summary .vn-avatar{width:44px;height:44px;font-size:17px}
.vn-enabled .vx-header .vn-link{font-size:13px;padding:10px;gap:10px}
.vn-enabled .vx-header .vn-dropdown p{font-size:13px}
.vn-enabled .vx-header .vn-group{padding-top:10px;margin-top:10px}
.vn-enabled .vx-header .vn-group h3{font-size:10px}
.vn-enabled .vx-home-page .vx-hero h1{font-size:clamp(30px,3vw,42px);line-height:1.14}
.vn-enabled .vx-home-page .vx-hero-copy{font-size:16px;line-height:1.6}
@media(min-width:1100px){.vn-enabled .vx-header .vx-mobile-toggle{display:none}.vn-enabled .vx-header #vx-navigation{display:flex}.vn-enabled .vx-header .vx-panel{top:100%}}
@media(min-width:1100px) and (max-width:1240px){.vn-enabled .vx-header .vx-bar{padding:8px 14px;gap:12px}.vn-enabled .vx-header .vx-brand{width:140px}.vn-enabled .vx-header .vx-search{min-width:100px;max-width:150px}.vn-enabled .vx-header #vx-navigation{gap:5px}.vn-enabled .vx-header .vx-menu>summary,.vn-enabled .vx-header .vn-disclosure>summary{font-size:11px;gap:4px}}
@media(max-width:1099px){.vn-enabled .vx-header .vx-bar{min-height:62px;gap:12px}.vn-enabled .vx-header .vx-brand{width:145px}.vn-enabled .vx-header .vx-search{max-width:320px;margin-left:auto}.vn-enabled .vx-header .vx-mobile-toggle{display:flex;font-size:12px;padding:8px 11px;min-height:38px}.vn-enabled .vx-header #vx-navigation{display:none}.vn-enabled .vx-header #vx-navigation.open{display:block;position:absolute;top:100%;left:0;right:0;width:auto;margin:0;padding:12px 18px 24px;background:white;max-height:calc(100dvh - 70px);overflow:auto;border-bottom:1px solid #e1e8f2;box-shadow:0 14px 25px #18203310}.vn-enabled .vx-header .vx-menu>summary,.vn-enabled .vx-header .vn-disclosure>summary{font-size:13px;padding:12px 6px;min-height:42px;box-sizing:border-box}.vn-enabled .vx-header .vx-panel{position:static;max-height:none;overflow:visible;box-shadow:none;border:0;border-left:2px solid #e5dcf3;margin:4px 0}.vn-enabled .vx-header .vx-account{display:block;padding:8px 0}.vn-enabled .vx-header .vn-dropdown{position:static;width:100%;max-width:none;max-height:none;box-shadow:none;box-sizing:border-box}.vn-enabled .vx-header .vx-account[data-session-state=signed-out]{display:flex;justify-content:flex-start}.vn-enabled .vx-header .vn-partners{margin-top:8px}}
@media(max-width:560px){.vn-enabled .vx-header .vx-bar{flex-wrap:wrap;padding:8px 14px;gap:7px 12px}.vn-enabled .vx-header .vx-brand{width:132px}.vn-enabled .vx-header .vx-search{order:3;flex-basis:100%;max-width:none;margin:0}.vn-enabled .vx-header .vx-mobile-toggle{margin-left:auto}.vn-enabled .vx-header #vx-navigation.open{max-height:calc(100dvh - 108px)}.vn-enabled .vx-home-page .vx-hero h1{font-size:30px}.vn-enabled .vx-home-page .vx-hero-copy{font-size:14px}}

/* Align the header with the same 1180px content container. */
@media(min-width:1100px){
.vn-enabled .vx-header .vx-bar{max-width:1180px;width:100%;margin-left:auto;margin-right:auto;padding:10px 24px;gap:12px;min-height:64px}
.vn-enabled .vx-header .vx-brand{width:144px}
.vn-enabled .vx-header .vx-search{min-width:100px;max-width:190px;flex:1 1 140px}
.vn-enabled .vx-header #vx-navigation{gap:6px}
.vn-enabled .vx-header .vx-menu>summary,.vn-enabled .vx-header .vn-disclosure>summary{font-family:inherit;font-size:12px;font-weight:400;line-height:1.35;padding:10px 3px;gap:4px}
.vn-enabled .vx-header .vx-account{gap:6px}
.vn-enabled .vx-header .vx-account>.vx-signin,.vn-enabled .vx-header .vx-account>.vn-link,.vn-enabled .vx-header .vx-account>.vx-button{font-size:12px;font-weight:400}
.vn-enabled .vx-header .vx-menu>summary svg,.vn-enabled .vx-header .vn-disclosure>summary svg{width:18px;height:18px}
}

/* Desktop navigation: icon above label, with VEXIDO's own visual treatment. */
@media(min-width:1100px){
.vn-enabled .vx-header .vx-bar{min-height:78px;padding-top:8px;padding-bottom:8px}
.vn-enabled .vx-header #vx-navigation{gap:10px;align-items:center}
.vn-enabled .vx-header .vx-menu>summary,.vn-enabled .vx-header .vn-disclosure>summary{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:54px;min-width:52px;padding:5px 12px;font-size:12px;line-height:1.25;text-align:center;box-sizing:border-box}
.vn-enabled .vx-header .vx-menu>summary svg,.vn-enabled .vx-header .vn-disclosure>summary svg{width:22px;height:22px}
.vn-enabled .vx-header .vx-menu>summary>span:last-child,.vn-enabled .vx-header .vn-me>summary>span:last-child{position:absolute;bottom:6px;right:0;font-size:10px}
.vn-enabled .vx-header .vn-me>summary .vn-avatar{width:24px;height:24px;font-size:10px;position:static}
.vn-enabled .vx-header .vn-jobs>summary{gap:5px;min-width:48px;padding-left:5px;padding-right:5px}
.vn-enabled .vx-header .vn-jobs>summary .vn-planned{font-size:8px}
.vn-enabled .vx-header .vn-about>summary{min-width:48px;padding:5px 10px}
.vn-enabled .vx-header .vx-account{gap:10px}
.vn-enabled .vx-header .vn-dropdown{top:calc(100% + 8px);text-align:left}
}
@media(min-width:1100px) and (max-width:1240px){.vn-enabled .vx-header #vx-navigation{gap:5px}.vn-enabled .vx-header .vx-menu>summary,.vn-enabled .vx-header .vn-disclosure>summary{padding-left:9px;padding-right:9px}}