/* Islam-Today Mitlesen: EINE Darstellung für alles, was vorgelesen wird (Nadeem 07.11.2026, Regel R23).
   Referenz ist der Qur’an-Player (/recherche/hoeren). Eingebunden von hoeren.css (damit Hören, Hörbücher, Kinder)
   und von index.html (Portal: Gebete lernen). Neue Player nehmen genau diese Klassen, keine eigenen Farben:
   - Wort:  <span class="w">, beim Sprechen .jetzt  -> grüne Wortmarkierung
   - Teil:  Arabisch- und Übersetzungsblock mit class="mit-teil", beim Sprechen .spricht -> zart grün, grüner Rand */
:root{--mark-wort:rgba(168,224,20,.42);--mark-soft:rgba(168,224,20,.15);--mark-rand:#5a9e00}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--mark-wort:rgba(168,224,20,.32);--mark-soft:rgba(168,224,20,.10);--mark-rand:#a8e014}}
:root[data-theme="dark"]{--mark-wort:rgba(168,224,20,.32);--mark-soft:rgba(168,224,20,.10);--mark-rand:#a8e014}
.w{border-radius:4px;transition:background-color .12s linear,box-shadow .12s linear}
.w.jetzt{background:var(--mark-wort);box-shadow:0 0 0 2px var(--mark-wort)}
.mit-teil,.vers .ar,.vers .tx,#kl-ar,#kl-ue{border-radius:6px;border-inline-start:3px solid transparent;padding-inline-start:8px;transition:background-color .4s ease,box-shadow .4s ease,color .4s ease}
.mit-teil.spricht,.vers.an-ar .ar,.vers.an-ue .tx,#kl-ar.spricht,#kl-ue.spricht{background:var(--mark-soft);box-shadow:0 0 0 5px var(--mark-soft);border-inline-start-color:var(--mark-rand)}
@media (prefers-reduced-motion:reduce){.w,.mit-teil,.vers .ar,.vers .tx,#kl-ar,#kl-ue{transition:none}}
