/* Common GNB only. Active-page decoration remains owned by the existing shell. */
@media (hover: hover) and (pointer: fine) {
  .w-header > nav.site-area-nav > a:not([aria-current]):hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 7px;
  }
  .site-header[data-site-shell="header"] > nav > a:not([aria-current]):hover > .site-nav-label::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    height: 1px;
    background: currentColor;
  }
  :is(.w-header, .site-header[data-site-shell="header"]) > nav > button.contact-header-trigger:hover {
    background-color: var(--surface, #f0f0ec);
    border-radius: 50%;
  }
}
/* Keyboard focus has the same cue without changing any existing focus outline. */
.w-header > nav.site-area-nav > a:not([aria-current]):focus-visible {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 7px;
}
.site-header[data-site-shell="header"] > nav > a:not([aria-current]):focus-visible > .site-nav-label::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  height: 1px;
  background: currentColor;
}
:is(.w-header, .site-header[data-site-shell="header"]) > nav > button.contact-header-trigger:focus-visible {
  background-color: var(--surface, #f0f0ec);
  border-radius: 50%;
}