/* v3.7.279 + v3.7.314: Active-paragraph TTS highlight color.
   v3.7.279 shifted from amber (v3.7.277) to blue to maximize
   visual distinction against the platform's red-dominated
   palette. v3.7.314 swaps back to red for palette unity per
   user preference — the highlight now reads as part of the
   platform's brand color family rather than standing apart
   from it. Border uses the brand red --accent (#B22234).

   Distinct from the platform's --blue: #3C3B6E navy (used for
   tricolor band, visited links, focus outlines) — uses a brighter,
   more saturated blue palette for unmistakable "currently
   reading" affordance. */
:root {
  --tts-active-bg: #fce4e6;       /* v3.7.314: pale rose (was #d4e8ff ice blue) */
  --tts-active-border: #B22234;   /* v3.7.314: brand red (was #2563eb blue) */
}
html[data-theme="dark"] {
  --tts-active-bg: #3d1f25;       /* v3.7.314: dark wine (was #1e3a5f blue), lighter than page */
  --tts-active-border: #e57579;   /* v3.7.314: light salmon red (was #60a5fa sky blue) */
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]):not([data-theme="dark"]) {
    --tts-active-bg: #3d1f25;     /* v3.7.314: dark wine */
    --tts-active-border: #e57579; /* v3.7.314: light salmon red */
  }
}
/* v3.7.279/v3.7.314: re-issue the rule so the border uses the
   --tts-active-border variable. With v3.7.314 the border is now
   the platform's brand red again (#B22234) — same brand red that
   --accent maps to — but routing it through --tts-active-border
   lets light/dark themes use different border values. Other
   properties match v3.7.277 (padding/margin/shadow/radius). */
.wtpp-tts-active-paragraph {
  background: var(--tts-active-bg, var(--tts-active-bg)) !important; /* v3.7.314 */
  border-left: 5px solid var(--tts-active-border, var(--red)) !important; /* v3.7.314 */
  box-shadow: 0 1px 3px var(--ov-black-06) !important;
  padding-left: 18px !important;
  padding-right: 12px !important;
  margin-left: -22px !important;
  margin-right: -12px !important;
  border-radius: 0 6px 6px 0 !important;
  transition: background 0.25s ease,
              border-color 0.25s ease,
              box-shadow 0.25s ease !important;
}