/* Word audio in the reader, layered over suite.css (which stays untouched):
   every Arabic word is a span that can be tapped to hear it, and lights up
   in time with the reciter. One blue for both, the blue of recitation. */

.aqw{transition:color .12s ease, background .12s ease; border-radius:4px}
.aqw.reciting, .aqw.playing{color:#1B4F9C; background:#CFE3FA; box-shadow:0 0 0 3px #CFE3FA}

/* the word-by-word chips: the same blue replaces the suite's green */
.wtoken.wplay.playing, .wtoken.reciting{background:#EEF5FD !important; box-shadow:0 0 0 2px #9CC3F0 !important}
.wtoken.wplay.playing .wa, .wtoken.wplay.playing .wt, .wtoken.wplay.playing .wm,
.wtoken.reciting .wa, .wtoken.reciting .wt, .wtoken.reciting .wm{color:#1B4F9C !important}

/* the verse being recited */
.vrow.aplay{background:#EEF5FD !important; box-shadow:inset 0 0 0 2px rgba(74,141,224,.4) !important}
.vrow.aplay.counted, .vrow.aplay.confirmed{background:#EEF5FD !important}