:root {
  --color-wave: #457ee7;
  --color-wave-idle: #3a3b42;
}

.wave-marks {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem 0.75rem;
  margin-top: 0.45rem;
}

.wave-mark {
  padding: 0;
  color: var(--color-muted);
  background: transparent;
  border: none;
  letter-spacing: 0.02em;
  font-size: 0.72rem;
  cursor: pointer;
}

.wave-mark:hover {
  color: var(--color-bright);
  text-decoration: underline;
}

.track-index,
.player-time,
.player-duration {
  font-size: 0.8rem;
}

.block p.block-emphasis-1,
#discovery p.block-emphasis-1,
#listen p.block-emphasis-1 {
  max-width: var(--measure);
  color: #fff;
  text-align: left;
  text-wrap: pretty;
  margin: 0 0 1.75rem;
  font-size: 1.28rem;
  font-weight: 400;
  line-height: 1.35;
}

@media (width >= 1280px) {
  .block p.block-emphasis-1 {
    font-size: 1.35rem;
  }
}

#listen .player {
  margin-top: 2.4rem;
}