.character-workspace-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
  justify-content: center;
  padding: 0.65rem 1rem;
  margin: 0 auto 1rem;
  border: 1px solid rgba(185, 170, 0, 0.45);
  border-radius: 8px;
  background: rgba(185, 170, 0, 0.08);
  font-family: Arial, sans-serif;
  font-size: 0.78rem;
}

.character-workspace-nav a,
.character-workspace-nav span {
  color: inherit;
  text-decoration: none;
  padding: 0.3rem 0.55rem;
  border-radius: 4px;
}

.character-workspace-nav a:hover,
.character-workspace-nav a:focus-visible {
  background: rgba(185, 170, 0, 0.2);
  text-decoration: underline;
}

.character-workspace-nav .current {
  font-weight: 700;
  background: rgba(185, 170, 0, 0.22);
}

.character-workspace-nav .separator {
  opacity: 0.45;
  padding: 0;
}