.header-nav-link,
.header-nav-link:link,
.header-nav-link:visited {
  min-height: 38px;
  padding: 0 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #c8d8ee;
  border-radius: 8px;
  background: #f4f8fe;
  color: #245fae;
  font-size: .7rem;
  font-weight: 750;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}
.header-nav-link:hover {
  border-color: #8eb4e7;
  background: #e8f2ff;
}
.header-nav-link:focus-visible {
  outline: 3px solid #4e86df33;
  outline-offset: 2px;
}
html[data-theme="dark"] .header-nav-link {
  border-color: #3b5474;
  background: #1d2b3e;
  color: #8dbcf8;
}
@media(max-width:640px) {
  .header-nav-link { min-height: 34px; padding-inline: 11px; }
}