/* XRVE shared header: one-line desktop navigation and deliberate responsive collapse. */
.site-nav .wrap.nav{
  max-width:1480px;
  min-height:78px;
  gap:24px;
  padding-inline:clamp(18px,2.4vw,36px);
}
.site-nav .brand-logo{flex:0 0 auto}
.site-nav .brand-logo img{
  width:158px!important;
  height:auto!important;
  max-height:66px!important;
}
.site-nav .navlinks{
  display:flex;
  flex:0 1 auto;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:nowrap;
  gap:clamp(12px,1.15vw,19px);
  font-size:14px;
  line-height:1.25;
  white-space:nowrap;
}
.site-nav .navlinks > a,
.site-nav .nav-resources{flex:0 0 auto}
.site-nav .navlinks > a:not(.btn){
  display:inline-flex;
  align-items:center;
  min-height:44px;
  white-space:nowrap;
}
.site-nav .navlinks > a[data-nav-key="app"],
.site-nav .navlinks > a[data-nav-key="leadership-studio"]{
  font-weight:800;
}
.site-nav .navlinks .nav-tool-center{
  font-weight:650;
  border:0;
  padding:0;
}
/* An underline denotes the actual current destination, never a permanent highlight. */
.site-nav .navlinks > a[aria-current="page"]:not(.btn){
  font-weight:800;
  border-bottom:0;
}
.site-nav .navlinks > a[aria-current="page"]:not(.btn)::after{
  bottom:5px;
  background:var(--orange);
}
.site-nav .navlinks > .btn{
  min-height:44px;
  padding:11px 15px;
  border-radius:9px;
  font-size:14px;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
}
.site-nav .nav-resources{position:relative}
.site-nav .nav-resources > summary{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:8px 0;
  list-style:none;
  cursor:pointer;
  color:#344b5b;
  font-weight:650;
}
.site-nav .nav-resources > summary::-webkit-details-marker{display:none}
.site-nav .nav-resources > summary::after{
  content:"";
  width:6px;
  height:6px;
  margin-top:-3px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
}
.site-nav .nav-resources[open] > summary::after{
  margin-top:4px;
  transform:rotate(225deg);
}
.site-nav .nav-resources > summary:hover,
.site-nav .nav-resources[open] > summary{color:#0b1722}
.site-nav .nav-resources:has(a[aria-current="page"]) > summary{
  font-weight:800;
  box-shadow:inset 0 -2px var(--orange);
}
.site-nav .nav-resources-panel{
  position:absolute;
  top:calc(100% + 7px);
  left:-12px;
  z-index:120;
  display:grid;
  gap:3px;
  width:200px;
  padding:9px;
  border:1px solid #d7e2e9;
  border-radius:11px;
  background:#fff;
  color:#344b5b;
  box-shadow:0 16px 38px rgba(16,35,51,.16);
  white-space:normal;
}
.site-nav .nav-resources-panel a{
  display:flex;
  align-items:center;
  min-height:42px;
  padding:9px 12px;
  border-radius:7px;
  color:#344b5b;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
}
.site-nav .nav-resources-panel a:hover,
.site-nav .nav-resources-panel a:focus-visible,
.site-nav .nav-resources-panel a[aria-current="page"]{
  background:#ecf6fb;
  color:#0b658c;
}

/* Switch before the full navigation gets crowded; do not allow links to wrap. */
@media(max-width:1459px){
  .site-nav .navlinks{display:none}
  .site-nav .mobile-nav{
    display:block;
    position:relative;
    margin-left:auto;
  }
  .site-nav .mobile-nav > summary{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    min-width:82px;
    padding:10px 16px;
    list-style:none;
    cursor:pointer;
    border:1px solid #c9d7df;
    border-radius:9px;
    background:#fff;
    color:#17324d;
    font-size:14px;
    font-weight:800;
    line-height:1.2;
  }
  .site-nav .mobile-nav > summary::-webkit-details-marker{display:none}
  .site-nav .mobile-nav[open] > summary{
    background:#ecf6fb;
    border-color:#b9cbd6;
  }
  .site-nav .mobile-nav-panel{
    position:absolute;
    top:calc(100% + 10px);
    right:0;
    z-index:130;
    display:grid;
    gap:4px;
    width:min(324px,calc(100vw - 32px));
    max-height:min(75vh,630px);
    overflow-y:auto;
    padding:12px;
    border:1px solid #d7e2e9;
    border-radius:12px;
    background:#fff;
    box-shadow:0 18px 45px rgba(16,35,51,.18);
  }
  .site-nav .mobile-nav-panel a:not(.btn){
    display:flex;
    align-items:center;
    min-height:44px;
    padding:10px 12px;
    border-radius:8px;
    color:#344b5b;
    font-size:14px;
    font-weight:750;
  }
  .site-nav .mobile-nav-panel a:not(.btn):hover,
  .site-nav .mobile-nav-panel a[aria-current="page"]:not(.btn){
    background:#ecf6fb;
    color:#0b658c;
  }
  .site-nav .mobile-nav-panel .nav-tool-center{
    color:#344b5b;
    background:transparent;
  }
  .site-nav .mobile-nav-panel .btn{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    width:100%;
    margin-top:6px;
    padding:11px 14px;
    text-align:center;
  }
}
@media(max-width:760px){
  .site-nav .wrap.nav{min-height:68px}
  .site-nav .brand-logo img{
    width:150px!important;
    max-height:62px!important;
  }
}