/* CosyVoice TTS — "Listen to article" button. Inherits SmartMag theme colors via --c-main / --c-main-rgb (Bunyad framework). */
.tts-listen-wrap{margin:0 0 1.5em;line-height:1}
.tts-listen{
  --tts-accent: var(--c-main, #5e17eb);
  --tts-accent-rgb: var(--c-main-rgb, 94,23,235);
  display:inline-flex;align-items:center;gap:10px;
  padding:9px 16px 9px 12px;
  background:rgba(var(--tts-accent-rgb), .06);
  border:1px solid rgba(var(--tts-accent-rgb), .25);
  border-radius:999px;
  font:600 14px/1 inherit;
  color:var(--c-headings, #303030);cursor:pointer;user-select:none;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .05s ease;
}
.tts-listen:hover{background:rgba(var(--tts-accent-rgb), .12);border-color:rgba(var(--tts-accent-rgb), .45)}
.tts-listen:active{transform:scale(.985)}
.tts-listen:focus-visible{outline:2px solid var(--tts-accent);outline-offset:2px}
.tts-listen .tts-listen__icon-play{color:var(--tts-accent)}
.tts-listen[data-state="playing"]{background:var(--tts-accent);border-color:var(--tts-accent);color:#fff}
.tts-listen[data-state="playing"]:hover{filter:brightness(.92)}
.tts-listen[data-state="playing"] .tts-listen__icon-play,
.tts-listen[data-state="playing"] .tts-listen__icon-pause{color:#fff}
.tts-listen__icon{width:18px;height:18px;flex:0 0 auto;display:block}
.tts-listen__label{white-space:nowrap}
.tts-listen__time{
  margin-left:4px;padding-left:10px;
  border-left:1px solid currentColor;opacity:.55;
  font-variant-numeric:tabular-nums;font-weight:500
}
.tts-listen[data-state="playing"] .tts-listen__time{opacity:.85;border-left-color:rgba(255,255,255,.5)}
.tts-listen[data-state="loading"]{opacity:.7;cursor:wait}
body.bunyad-dark-mode .tts-listen,
.bunyad-dark-mode .tts-listen{color:var(--c-headings-sd, #ededed)}
body.bunyad-dark-mode .tts-listen[data-state="playing"],
.bunyad-dark-mode .tts-listen[data-state="playing"]{color:#fff}
[dir="rtl"] .tts-listen__time{margin-left:0;margin-right:4px;padding-left:0;padding-right:10px;border-left:0;border-right:1px solid currentColor}

/* Reader: paragraph + word highlight while audio plays. */
:is(p,h1,h2,h3,h4,h5,h6,li,blockquote).tts-para-active{
  background:rgba(255,222,89,.18);
  transition:background .25s ease
}
[data-tts-w].tts-word-active{
  background:rgba(255,222,89,.7);
  border-radius:3px;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  transition:background .08s ease
}
body.bunyad-dark-mode :is(p,h1,h2,h3,h4,h5,h6,li,blockquote).tts-para-active,
.bunyad-dark-mode :is(p,h1,h2,h3,h4,h5,h6,li,blockquote).tts-para-active{
  background:rgba(255,222,89,.10)
}
body.bunyad-dark-mode [data-tts-w].tts-word-active,
.bunyad-dark-mode [data-tts-w].tts-word-active{
  background:rgba(255,222,89,.55);color:#111
}
@media (prefers-reduced-motion: reduce){
  :is(p,h1,h2,h3,h4,h5,h6,li,blockquote).tts-para-active,
  [data-tts-w].tts-word-active{transition:none}
}