/* The read-along headline (headline.js marks the word being spoken .now, the words already read .done,
   and "read", where each pass ends and holds, .rest). The line waits in grey; the spoken word lights
   up in Talk green and turns to ink once it is read. "read" keeps the green while the line holds. */
[data-read]{--unread:#c3bcae;--speaking:#1d6259}
:root[data-theme=dark] [data-read]{--unread:rgb(255 250 240/.28);--speaking:#8ad8be}
[data-read] .w{color:var(--unread);-webkit-text-stroke-color:var(--unread);transition:color .5s,-webkit-text-stroke-color .5s}
[data-read] .w.done{color:var(--head);-webkit-text-stroke-color:var(--head);transition-duration:.35s}
[data-read] .w.now{color:var(--speaking);-webkit-text-stroke-color:var(--speaking);transition-duration:.1s}
[data-read] .w.rest{transition-duration:.5s}
@media (prefers-reduced-motion:reduce){[data-read] .w{transition:none}}