.keyboard-navigation {
  scroll-margin-block: 1rem;
}

.keyboard-navigation:focus-visible {
  outline: 2px solid light-dark(var(--color-blue-600), var(--color-blue-400));
  outline-offset: 2px;
  border-radius: var(--border-radius);
}

.keyboard-navigation__item--active {
  background-color: light-dark(var(--color-blue-50), var(--color-zinc-700)) !important;
}

.keyboard-navigation__item--active > .table__cell {
  background-color: light-dark(var(--color-blue-50), var(--color-zinc-700));
}

.keyboard-navigation__item--active
  [data-keyboard-navigation-target~="primaryLink"]:focus-visible {
  outline: 2px solid light-dark(var(--color-blue-600), var(--color-blue-400));
  outline-offset: 2px;
  border-radius: 2px;
}