/* Quiet, highly legible global chrome */
.site-header{
  height:var(--header-size);
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--lux-line);
  box-shadow:0 2px 14px rgba(13,45,24,.04);
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
}
.site-header__inner{gap:17px}
.brand{gap:10px}
.brand__logo,.brand__mark:not(img){width:46px;height:46px;flex-basis:46px}
.brand__text{gap:1px}
.brand__text strong{font-size:13px;letter-spacing:.075em;line-height:1.22;font-weight:800}
.brand__text small{font-size:10px;letter-spacing:.035em;line-height:1.4;color:#78877d}
.site-nav{gap:2px}
.site-nav>a{
  position:relative;
  border-radius:8px;
  padding:11px 12px;
  font-size:12px;
  font-weight:650;
  letter-spacing:.016em;
  color:#44534a;
  transition:color .2s ease,background .2s ease;
}
.site-nav>a:hover{color:var(--lux-forest);background:var(--surface-alt)}
.site-nav>a[aria-current=page]{
  background:transparent;
  color:#174b35;
}
/* Active route uses a filled tonal state instead of an underline. */
.site-nav>a[aria-current=page]::after{
  content:"";
  position:absolute;
  left:12px;right:12px;bottom:3px;height:0;
  border-radius:2px;background:#275e42;
}
.skip-link{z-index:400}