/* Deferred lesson interaction/non-critical CSS.
   Canonical initial paint lives in /site/templates/critical/paint/lesson-paint.css. */
.lesson-body a:hover{color:var(--lesson-accent-hover)}
.lesson-body a:focus-visible,.lesson-body summary:focus-visible{outline:2px solid var(--lesson-accent);outline-offset:3px;border-radius:3px}
.lesson-body summary{cursor:pointer}
.lesson-nav-link:hover{background:var(--lesson-surface-alt);border-color:var(--lesson-accent)}
.lesson-nav-link:focus-visible{outline:2px solid var(--lesson-accent);outline-offset:3px}
.lesson-body button[data-sound]{cursor:pointer}
.lesson-body button[data-sound]:hover{color:var(--lesson-accent)}
.lesson-body button[data-sound]:focus-visible{outline:2px solid var(--lesson-accent);outline-offset:2px}
.lesson-body button[data-sound].is-playing{color:var(--lesson-accent)}
.lesson-body button[data-sound].is-loading{opacity:.72;cursor:wait}
.lesson-audio-play{cursor:pointer}
.lesson-audio-play:hover{background:var(--lesson-action-hover)}
.lesson-audio-play:focus-visible{outline:2px solid var(--lesson-accent);outline-offset:3px}
.lesson-audio-play.is-loading::after{border-top-color:#fff;border-radius:50%}
.lesson-audio-status{pointer-events:none}
@keyframes lesson-audio-spin{to{transform:rotate(360deg)}}
.lesson-karaoke-box{scroll-behavior:smooth}
.lesson-karaoke-word{cursor:pointer}
.lesson-karaoke-word:hover{color:var(--lesson-text);background:var(--lesson-surface)}
.lesson-karaoke-word:focus-visible{outline:2px solid var(--lesson-accent);outline-offset:2px}
.lesson-karaoke-word.is-active{color:var(--lesson-accent);background:var(--lesson-surface)}
html[data-theme="light"] .lesson-karaoke-word.is-active{color:#174EA6;background:#D6E8FF}
.lesson-karaoke-word:disabled{cursor:default}
.lesson-karaoke-word:disabled:hover{color:var(--lesson-muted);background:transparent}
.lesson-item-play-all{cursor:pointer}
.lesson-item-play-all:hover{border-color:var(--lesson-accent);background:var(--lesson-surface-alt)}
.lesson-item-play-all:focus-visible,.lesson-item-audio-button:focus-visible{outline:2px solid var(--lesson-accent);outline-offset:3px}
.lesson-item-play-all.is-playing .lesson-item-play-all-icon{background:currentColor}
.lesson-item-audio-button{cursor:pointer}
.lesson-item-audio-button:hover{border-color:var(--lesson-accent);background:var(--lesson-surface-alt)}
.lesson-item-audio-button.is-playing{border-color:var(--lesson-action);background:var(--lesson-action);color:#fff}
.lesson-item-audio-button.is-playing:hover{border-color:var(--lesson-action-hover);background:var(--lesson-action-hover);color:#fff}
.lesson-item-audio-button.is-playing::before{background:currentColor}
.lesson-item-audio-button.is-loading::after{border-top-color:var(--lesson-accent);border-radius:50%}
.lesson-item-audio-button.is-error{color:var(--lesson-muted);cursor:default}
.lesson-item-play-all.is-loading{cursor:progress}
.lesson-item-play-all.is-loading .lesson-item-play-all-icon{border-top-color:var(--lesson-accent);border-radius:50%}
@keyframes lesson-item-audio-spin{to{transform:rotate(360deg)}}
[data-lesson-item-audio-root] [data-item-audio-item],[data-lesson-item-audio-root] .lesson-item,[data-lesson-item-audio-root] .phrase-card,[data-lesson-item-audio-root] .vocab-row,[data-lesson-item-audio-root] .chat-row{transition:background-color .18s ease,border-color .18s ease}
[data-lesson-item-audio-root] [data-item-audio-item].is-audio-active,[data-lesson-item-audio-root] .lesson-item.is-audio-active,[data-lesson-item-audio-root] .phrase-card.is-audio-active,[data-lesson-item-audio-root] .vocab-row.is-audio-active,[data-lesson-item-audio-root] .chat-row.is-audio-active{background:var(--lesson-surface-alt);border-color:var(--lesson-accent)}
.lesson-vocabulary-header .lesson-item-play-all:hover{border-color:var(--lesson-action-hover);background:var(--lesson-action-hover);color:#fff}
[data-lesson-item-audio-root] .vocab-row.is-audio-active{background:transparent;border-color:var(--lesson-border)}
.phrase-card:hover{border-color:color-mix(in srgb,var(--lesson-border) 55%,var(--lesson-accent) 45%)}
.chat-bubble.speaker-b .lesson-item-audio-button:not(.is-playing):hover{background:rgba(15,17,21,.64);border-color:rgba(255,255,255,.3);color:#fff}
[data-lesson-item-audio-root] .chat-row.is-audio-active{background:transparent!important;border-color:transparent!important}
.lesson-games a:hover{color:var(--lesson-accent-hover)}
.lesson-games a:focus-visible{outline:2px solid var(--lesson-accent);outline-offset:3px;border-radius:3px}