.archive-org-radio {
  --archive-radio-accent: #9e2a2b;
  --archive-radio-border: #d9d4cc;
  --archive-radio-muted: #625f59;
  --archive-radio-surface: #f7f4ee;
  color: inherit;
  margin-block: 1.5rem;
  max-width: 52rem;
}

.archive-org-radio[aria-busy='true'] {
  cursor: progress;
}

.archive-org-radio__status,
.archive-org-radio__fallback {
  margin: 0.75rem 0;
}

.archive-org-radio__status--error,
.archive-org-radio-error {
  color: #8b1e1e;
}

.archive-org-radio__now-playing {
  background: var(--archive-radio-surface);
  border-left: 0.3rem solid var(--archive-radio-accent);
  padding: clamp(1rem, 3vw, 1.75rem);
}

.archive-org-radio__eyebrow {
  color: var(--archive-radio-accent);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  margin: 0 0 0.35rem;
  text-transform: uppercase;
}

.archive-org-radio__title {
  font-size: clamp(1.25rem, 4vw, 1.75rem);
  line-height: 1.2;
  margin: 0;
}

.archive-org-radio__meta,
.archive-org-radio__episode-meta {
  color: var(--archive-radio-muted);
  font-size: 0.875rem;
}

.archive-org-radio__meta {
  margin: 0.4rem 0 1rem;
}

.archive-org-radio__audio {
  display: block;
  width: 100%;
}

.archive-org-radio__list-title {
  font-size: 1rem;
  margin: 1.5rem 0 0.5rem;
}

.archive-org-radio__episodes {
  border-top: 1px solid var(--archive-radio-border);
  list-style: none;
  margin: 0;
  padding: 0;
}

.archive-org-radio__episodes li {
  border-bottom: 1px solid var(--archive-radio-border);
  margin: 0;
  padding: 0;
}

.archive-org-radio__episode {
  appearance: none;
  background: transparent;
  border: 0;
  border-left: 0.3rem solid transparent;
  border-radius: 0;
  color: inherit;
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 0.2rem;
  padding: 0.85rem 1rem;
  text-align: left;
  width: 100%;
}

.archive-org-radio__episode:hover,
.archive-org-radio__episode:focus-visible {
  background: var(--archive-radio-surface);
}

.archive-org-radio__episode[aria-current='true'] {
  border-left-color: var(--archive-radio-accent);
  font-weight: 700;
}

.archive-org-radio__episode-title,
.archive-org-radio__episode-meta {
  display: block;
}

.archive-org-radio__episode-meta {
  font-weight: 400;
}

@media (max-width: 480px) {
  .archive-org-radio__now-playing {
    padding: 1rem;
  }

  .archive-org-radio__episode {
    padding-inline: 0.65rem;
  }
}