.article-reader {
  margin: 1rem 0;
}

.article-reader-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1rem;
}

.article-reader-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.article-reader-voice-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.article-reader-voice-label {
  font-size: 0.875rem;
  white-space: nowrap;
}

.article-reader-voice {
  max-width: 100%;
  min-width: 12rem;
}

.article-reader-status {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  min-height: 1.25em;
  opacity: 0.85;
}

.article-reader--below {
  margin-top: 1.5rem;
}