/* Digital Detox — one calm, consistent site navigation. */
nav.site-nav{
  position:sticky;
  top:0;
  z-index:500;
  min-height:80px;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid #e4e9f1;
  box-shadow:0 4px 18px rgba(24,42,70,.055);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}

nav.site-nav .in{
  max-width:1380px;
  min-height:80px;
  margin:0 auto;
  padding:12px 28px;
  display:flex;
  align-items:center;
  gap:clamp(18px,1.7vw,30px);
  flex-wrap:nowrap;
}

nav.site-nav .site-logo{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  padding:0;
}

nav.site-nav .site-logo img{
  display:block;
  width:auto;
  height:40px!important;
  filter:brightness(0) saturate(100%) invert(14%) sepia(18%) saturate(1605%) hue-rotate(179deg) brightness(91%) contrast(94%);
}

nav.site-nav .spacer{display:block;flex:1 1 auto}

nav.site-nav .in>a:not(.site-logo){
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:0;
  color:#526178;
  font-family:Montserrat,'Helvetica Neue',Arial,sans-serif;
  font-size:.82rem;
  font-weight:650;
  line-height:1.25;
  letter-spacing:-.01em;
  text-transform:none;
  text-decoration:none;
  white-space:nowrap;
  transition:color .18s ease;
}

nav.site-nav .in>a:not(.site-logo)::after{
  content:"";
  position:absolute;
  right:0;
  bottom:2px;
  left:0;
  height:2px;
  border-radius:2px;
  background:#2f73dd;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}

nav.site-nav .in>a:not(.site-logo):hover,
nav.site-nav .in>a:not(.site-logo):focus-visible,
nav.site-nav .in>a:not(.site-logo).on{color:#1f5fbf}

nav.site-nav .in>a:not(.site-logo):hover::after,
nav.site-nav .in>a:not(.site-logo):focus-visible::after,
nav.site-nav .in>a:not(.site-logo).on::after{transform:scaleX(1)}

nav.site-nav .in>a:not(.site-logo):focus-visible{
  border-radius:3px;
  outline:2px solid #2f73dd;
  outline-offset:5px;
}

nav.site-nav .navsearch{
  order:99;
  flex:0 0 40px;
  width:40px;
  height:40px;
  margin:0;
}

nav.site-nav .navsearchbtn{
  color:#5f6f87;
  border-color:#d7dfe9;
  background:#fff;
}

nav.site-nav .navsearchbtn:hover,
nav.site-nav .navsearchbtn[aria-expanded="true"]{
  color:#1f5fbf;
  border-color:#9fbbea;
  background:#f4f8fe;
}

nav.site-nav .navsearchbtn:focus-visible{
  outline:2px solid #2f73dd;
  outline-offset:3px;
}

/* The search overlay follows the same light visual language as the header. */
.ddsearchback{background:rgba(21,35,59,.56)}
.ddsearchshell input#ddq,
.ddsearchshell #ddres{
  color:#17233b;
  background:#fff;
  border-color:#d9e1ec;
  box-shadow:0 24px 70px rgba(30,50,80,.2);
}
.ddsearchshell input#ddq::placeholder{color:#8793a6}
.ddsearchshell input#ddq::-webkit-search-cancel-button{display:none}
.ddsearchshell input#ddq:focus{
  border-color:#3478e5;
  box-shadow:0 0 0 3px rgba(52,120,229,.14),0 24px 70px rgba(30,50,80,.2);
}
.ddsearchclose{color:#718096}
.ddsearchclose:hover{color:#17233b;background:#f1f5f9}
.ddsearchshell #ddres .rt{color:#17233b}
.ddsearchshell #ddres .rx{color:#64748b}
.ddsearchshell #ddres .rs{color:#1f5fbf}
.ddsearchshell #ddres a:hover,
.ddsearchshell #ddres a:focus{background:#eff6ff}
.ddsearchshell #ddres mark{color:#17233b;background:#fde68a}
.ddsearchshell #ddres .none{color:#64748b}
.ddsearchshell #ddres .ddswitch{color:#1f5fbf}

@media(max-width:1100px){
  nav.site-nav,
  nav.site-nav .in{min-height:66px!important}

  nav.site-nav .in{
    position:relative;
    padding:10px 18px!important;
    gap:10px!important;
  }

  nav.site-nav .in>.site-logo{order:1}
  nav.site-nav .in>.spacer{order:2}
  nav.site-nav .in>.hm-menu{order:3}
  nav.site-nav .in>.navsearch{order:4!important}

  nav.site-nav .site-logo img{height:37px!important}

  nav.site-nav .hm-menu summary{
    border-color:#d7dfe9;
    background:#fff;
  }

  nav.site-nav .hm-menu summary span:not(.sr-only),
  nav.site-nav .hm-menu summary::before,
  nav.site-nav .hm-menu summary::after{background:#53627a}

  nav.site-nav .hm-menu summary:hover,
  nav.site-nav .hm-menu[open] summary{
    border-color:#9fbbea;
    background:#f4f8fe;
  }

  nav.site-nav .hm-menu summary:focus-visible{outline-color:#2f73dd}

  nav.site-nav .hm-menu-panel{
    right:0;
    background:#fff;
    border-color:#dce3ed;
    box-shadow:0 22px 54px rgba(23,35,59,.18);
  }

  nav.site-nav .hm-menu-panel a{
    color:#45546c!important;
    font-size:.94rem!important;
    letter-spacing:0!important;
  }

  nav.site-nav .hm-menu-panel a:hover,
  nav.site-nav .hm-menu-panel a:focus-visible{
    color:#1f5fbf!important;
    background:#eff6ff;
  }

  nav.site-nav .hm-menu-panel a.on{
    color:#1f5fbf!important;
    background:#eaf2ff;
  }
}

@media(max-width:430px){
  nav.site-nav .in{padding-right:12px!important;padding-left:12px!important}
  nav.site-nav .site-logo img{height:34px!important;max-width:calc(100vw - 126px)}
  nav.site-nav .hm-menu-panel{
    position:fixed;
    top:66px;
    right:12px;
    left:12px;
    width:auto;
  }
}
/* Keyboard shortcut: hidden during ordinary browsing, visible on focus. */
.skip-link{
  position:fixed!important;
  left:12px!important;
  top:10px!important;
  z-index:100000!important;
  transform:translateY(-180%)!important;
  background:#fff!important;
  color:#071229!important;
  padding:10px 14px!important;
  border:2px solid #2f68bf!important;
  border-radius:7px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.skip-link:focus{transform:none!important}
main[tabindex="-1"]:focus{outline:none}
