/* Shared site header: canonical navigation copied from the homepage. */
.nav{
  position:fixed !important; inset:.75rem 0 auto !important; z-index:80 !important;
  display:flex !important; justify-content:center !important; background:transparent !important;
  border:0 !important; pointer-events:none !important; height:auto !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  transition:transform .5s cubic-bezier(.16,1,.3,1) !important;
}
.nav-inner{
  width:auto !important; height:auto !important; margin:0 !important;
  pointer-events:auto !important; display:flex !important; align-items:center !important; gap:1.75rem !important;
  padding:.5rem .5rem .5rem 1.125rem !important;
  background:rgba(251,251,249,.72) !important;
  -webkit-backdrop-filter:blur(.75rem) saturate(1.3) !important;
  backdrop-filter:blur(.75rem) saturate(1.3) !important;
  border:1px solid var(--line,#e7e7e1) !important; border-radius:62.4375rem !important;
  box-shadow:0 .35rem 1.25rem rgba(16,17,18,.06) !important;
  position:relative !important;
}
.nav.stuck .nav-inner{
  background:rgba(251,251,249,.82) !important;
  -webkit-backdrop-filter:blur(.875rem) saturate(1.4) !important;
  backdrop-filter:blur(.875rem) saturate(1.4) !important;
}
.nav .brand{display:flex !important;align-items:center !important;gap:.5625rem !important;margin-right:0 !important;white-space:nowrap !important}
.nav .brand-logo{display:block !important;height:2.45rem !important;width:auto !important;max-width:none !important}
.nav .nav-links{display:flex !important;gap:1.375rem !important;align-items:center !important;position:static !important;background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;min-width:0 !important;flex-direction:row !important}
.nav .nav-links a{font-size:.84375rem !important;font-weight:400 !important;line-height:1.4 !important;color:var(--ink-2,var(--ink2,#4c5258)) !important;position:relative !important;padding:.25rem 0 !important;width:auto !important;border-radius:0 !important}
.nav .nav-links a::after{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;height:1px !important;background:var(--ink,#101112) !important;transform:scaleX(0) !important;transform-origin:left !important;transition:transform .35s cubic-bezier(.16,1,.3,1) !important}
.nav .nav-links a:hover{color:var(--ink,#101112) !important}
.nav .nav-links a:hover::after{transform:scaleX(1) !important}

/* Requested global button spacing. Keep large variants on the same spacing too. */
.btn,.btn.lg{padding:1.2rem 1.08rem !important}
.nav .btn{display:inline-flex !important;align-items:center !important;gap:.5rem !important;border-radius:62.4375rem !important;font-size:.84375rem !important;font-weight:500 !important;line-height:1 !important;border:1px solid var(--ink,#101112) !important;background:var(--ink,#101112) !important;color:var(--paper,#fbfbf9) !important;white-space:nowrap !important}

.lang{position:relative !important;pointer-events:auto !important;z-index:120 !important}
.lang-btn{display:inline-flex !important;align-items:center !important;gap:.35rem !important;background:transparent !important;border:1px solid var(--line,#e7e7e1) !important;border-radius:999px !important;padding:.4rem .65rem !important;cursor:pointer !important;color:inherit !important;font:600 .8rem/1 var(--font-display,var(--display,sans-serif)) !important}
.lang-btn:hover{border-color:var(--ink,#101112) !important}
.lang-globe{width:16px !important;height:16px !important;stroke:currentColor !important;stroke-width:1.6 !important;fill:none !important}
.lang-chev{width:9px !important;height:6px !important;stroke:currentColor !important;stroke-width:1.6 !important;fill:none !important;transition:transform .2s ease !important}
.lang.open .lang-chev{transform:rotate(180deg) !important}
.lang-menu{display:none !important;position:absolute !important;top:calc(100% + .45rem) !important;right:0 !important;min-width:10rem !important;margin:0 !important;padding:.35rem !important;list-style:none !important;background:#fff !important;border:1px solid var(--line,#e7e7e1) !important;border-radius:.75rem !important;box-shadow:0 16px 40px rgba(0,0,0,.12) !important;z-index:200 !important}
.lang.open .lang-menu{display:block !important}
.lang-menu li{margin:0 !important;padding:0 !important;display:block !important}
.lang-menu a{display:block !important;padding:.55rem .75rem !important;border-radius:.5rem !important;color:var(--ink,#101112) !important;font-size:.85rem !important}
.lang-menu a:hover{background:rgba(0,0,0,.05) !important}
.lang-menu li[aria-selected="true"] a{font-weight:700 !important}

.nav .burger{display:none !important;width:2.375rem !important;height:2.375rem !important;border-radius:62.4375rem !important;border:1px solid var(--line,#e7e7e1) !important;align-items:center !important;justify-content:center !important;background:var(--card,var(--paper,#fbfbf9)) !important;padding:0 !important;cursor:pointer !important}
.nav .burger span{display:block !important;width:.9375rem !important;height:1.4px !important;background:var(--ink,#101112) !important;position:relative !important;transition:transform .3s ease !important}
.nav .burger span::before,.nav .burger span::after{content:"" !important;position:absolute !important;left:0 !important;width:.9375rem !important;height:1.4px !important;background:var(--ink,#101112) !important;transition:transform .3s ease !important}
.nav .burger span::before{top:-.3125rem !important}.nav .burger span::after{top:.3125rem !important}

@media (max-width:760px){
  .nav .nav-links{display:none !important}
  .nav .burger{display:flex !important}
  .nav-inner{gap:.875rem !important;padding-left:1rem !important}
  .nav.nav-open .nav-links,.nav.open .nav-links{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:.1rem !important;position:absolute !important;top:calc(100% + .6rem) !important;right:0 !important;left:auto !important;min-width:13rem !important;background:rgba(251,251,249,.97) !important;-webkit-backdrop-filter:blur(.875rem) saturate(1.4) !important;backdrop-filter:blur(.875rem) saturate(1.4) !important;border:1px solid var(--line,#e7e7e1) !important;border-radius:1rem !important;padding:.5rem !important;box-shadow:0 24px 48px rgba(0,0,0,.16) !important}
  .nav.nav-open .nav-links a,.nav.open .nav-links a{padding:.6rem .75rem !important;border-radius:.6rem !important;width:100% !important}
  .nav.nav-open .nav-links a::after,.nav.open .nav-links a::after{display:none !important}
  .burger.is-open span{background:transparent !important}
  .burger.is-open span::before{transform:translateY(.3125rem) rotate(45deg) !important}
  .burger.is-open span::after{transform:translateY(-.3125rem) rotate(-45deg) !important}
  .lang-cur{display:none !important}.lang-btn{padding:.4rem !important}
}
@media(max-width:560px){
  .nav{inset:.5rem .5rem auto !important}
  .nav-inner{gap:.55rem !important;padding:.4rem .4rem .4rem .75rem !important;max-width:100% !important}
}
