/* Two-button layout with visible progress badge */
.tts-nr-wrapper{
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  gap: .75rem;
  flex-wrap: wrap;
}
.tts-nr-btn{
  appearance: none;
  border: 1px solid #111;
  background: #111;
  color: #fff;
  padding: .6rem .9rem;
  border-radius: 999px;
  cursor: pointer;
  font: inherit;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}
.tts-nr-btn:hover{ background:#000; }
.tts-nr-btn:focus{
  outline: 3px solid #5b9dd9;
  outline-offset: 2px;
}
.tts-nr-btn.is-active{ box-shadow: 0 0 0 2px rgba(91,157,217,.35) inset; }

.tts-nr-progress{
  min-width: 72px;
  text-align: center;
  font-weight: 600;
  border: 1px solid #e0e0e0;
  padding: .45rem .65rem;
  border-radius: 999px;
  color: #666;
  background: #f6f6f6;
}
@media (prefers-color-scheme: dark){
  .tts-nr-btn{ border-color:#333; background:#1b1b1b; color:#f7f7f7; }
  .tts-nr-btn:hover{ background:#111; }
  .tts-nr-progress{ border-color:#444; color:#d0d0d0; background:#2a2a2a; }
}