/* Theme the lesson chrome, leaving the printed score and note highlights intact. */
body{background:var(--reader-paper);color:var(--reader-ink)}
.topbar,.tabs,.lyric-line,.sentence-note,.sample-note,.story details{border-color:var(--reader-line)}
.lesson-title h1,.chosen-word,.story .lead,.reading-detail #sentence-english{color:var(--reader-ink)}
.lesson-title p,.brand span:not([data-brand-heart]),.page-label span,.score-tools,.score-caption,.notebook h2,.meaning,.reading-detail .meaning,.sample-note,.sentence-note .teacher-tip,.lyrics-intro p,.lyric-line h3,.line-translation,.discussion small,.timeline>div,.player-options,.version-choice,#transpose-note,.cross-page-note{color:var(--reader-soft)}
.notebook,.player,.listen-word,.speed-label select,.version-choice select,.page-nav select,#transpose{background:var(--reader-sheet);color:var(--reader-ink);border-color:var(--reader-line)}
.reading-switch,.modes,.discussion,.access-banner,.story em{background:var(--reader-tint);color:var(--reader-ink);border-color:var(--reader-line)}
.tabs button,.reading-switch button,.modes small,.text-button{color:var(--reader-soft)}
.tabs button[aria-selected=true],.reading-switch button[aria-pressed=true],.reading-switch button:hover,.word:hover,.word.selected,.phrase-play,.quiet:hover{background:var(--reader-tint);color:var(--reader-accent);border-color:var(--reader-line)}
.tabs button[aria-selected=true]:after{background:var(--reader-accent)}
.play,.reading-play,.reading-play:hover,.modes button[aria-pressed=true],.modes button[aria-pressed=true] small{background:var(--reader-accent);color:var(--reader-onAccent)}
.icon-button svg,.brand svg,.little-book svg{stroke:var(--reader-soft)}
#seek,input[type=checkbox]{accent-color:var(--reader-accent)}
.classroom-return,.access-banner a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--reader-line);border-radius:100px;text-decoration:none}
.site-nav a{padding-inline:8px;border-radius:8px}.site-nav a:hover,.classroom-return:hover,.access-banner a:hover{background:var(--reader-tint)}
a[href],button:not(:disabled),summary,a[href] *,button:not(:disabled) *,summary *{cursor:pointer}
:where(a,button,select,input,summary):focus-visible{outline-color:var(--reader-accent)}