/* Text to Speech — synchronized highlight overlay */

#ttsHighlight {
    max-height: 220px;
    overflow-y: auto;
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.7;
    font-size: 1rem;
}

/* Active word highlight. Inline-friendly colors that work in light + dark mode. */
#ttsHighlight mark.tts-mark {
    background-color: #ffe08a;
    color: #1a1a1a;
    border-radius: 3px;
    padding: 0 2px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

[data-bs-theme="dark"] #ttsHighlight mark.tts-mark {
    background-color: #b58900;
    color: #ffffff;
}