.view-nav {
  display: flex;
  align-items: end;
  gap: .4rem;
  margin: 0 0 1.25rem;
  border-bottom: 1px solid #2a405e;
  overflow-x: auto;
}

.view-nav a {
  color: #b8c9df;
  padding: .75rem 1rem;
  text-decoration: none;
  border: 1px solid transparent;
  border-bottom: 0;
  border-radius: .7rem .7rem 0 0;
  white-space: nowrap;
}

.view-nav a:hover,
.view-nav a:focus-visible {
  color: #eef6ff;
  background: #14233a;
  outline: none;
}

.view-nav a[aria-current="page"] {
  color: #eef6ff;
  background: #14233a;
  border-color: #3d597a;
  box-shadow: inset 0 3px #67e8f9;
}