.archive__title {
  grid-column: 1 / -1;
  margin: 1rem 0 0;
  font: 700 1.5rem/1.2 var(--display);
}

.archive {
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}

.archive__row {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 0 0.75rem;
  border-bottom: 1px solid var(--rule);
}

.archive__link {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 0.75rem;
  min-height: var(--touch);
  padding: 0.625rem 0;
  color: var(--ink);
  text-decoration: none;
}

.archive__number { font: 700 1.125rem/1 var(--display); }

.archive__date { color: var(--ink-soft); }

.archive__today {
  color: var(--ink-soft);
  font-style: italic;
}

.archive__played {
  margin: 0;
  text-align: right;
  font-family: var(--text), "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
}

.archive__status,
.archive__action { display: block; }

.archive__action {
  color: var(--ink-soft);
  font-style: italic;
}