/* Read-aloud control in the Focus reader toolbar. Matches the Talk to Bill widget exactly
   (assets/talk.css): same speaker icon, accent when active, and a small bare volume slider
   that appears just to the LEFT of the speaker on hover. */
.bgwr-ftts-wrap{position:relative;display:inline-flex;align-items:center}
.bgwr-ftts:hover{color:var(--accent,#9b2f2c)}
.bgwr-ftts.is-on{color:var(--accent,#9b2f2c)}

/* volume: a small bare slider just left of the speaker on hover (same as /talk/) */
.bgwr-fvol{position:absolute;right:calc(100% + 6px);top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;transition:opacity .15s;z-index:30}
.bgwr-ftts-wrap:hover .bgwr-fvol,.bgwr-fvol:hover{opacity:1;visibility:visible}
.bgwr-fvol-range{display:block;width:60px;height:12px;margin:0;accent-color:var(--accent,#9b2f2c);cursor:pointer}

/* the paragraph currently being read */
.bgwr-tts-on{background:rgba(155,47,44,.12);border-radius:5px;box-shadow:0 0 0 5px rgba(155,47,44,.12);transition:background .2s ease,box-shadow .2s ease}
[data-ftheme="sepia"] .bgwr-tts-on{background:rgba(120,72,20,.14);box-shadow:0 0 0 5px rgba(120,72,20,.14)}
[data-ftheme="gray"] .bgwr-tts-on{background:rgba(0,0,0,.08);box-shadow:0 0 0 5px rgba(0,0,0,.08)}
[data-ftheme="night"] .bgwr-tts-on{background:rgba(255,255,255,.10);box-shadow:0 0 0 5px rgba(255,255,255,.10)}

@media (prefers-reduced-motion: reduce){.bgwr-tts-on{transition:none}}