.archive-artist {
  flex: 1 1 14rem;
  min-width: 10ch;
  overflow-wrap: anywhere;
}

.archive-link {
  flex: 1 1 12rem;
  cursor: default;
}

.archive-link:hover,
.archive-link:hover::before {
  color: var(--color-fg);
}

.archive-link:hover::before {
  color: var(--color-fg-dim);
}

@media (max-width: 640px) {
  .archive-item {
    flex-wrap: wrap;
  }

  .archive-artist,
  .archive-link {
    flex: 1 1 100%;
  }
}