/* The audio layer borrows the classroom's olive, paper and copper palette. */
.audio-player{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px 14px;margin:0 0 24px;padding:15px 17px 12px;background:#eaece2;border:1px solid #cbd1bf;border-radius:8px;position:relative}.audio-play{height:42px;width:42px;background:#354537;border:0;border-radius:50%;color:#f8f5e8;display:grid;place-items:center}.audio-play svg{height:21px;width:21px;fill:currentColor;stroke:currentColor;stroke-width:2;stroke-linecap:round}.audio-play:hover{background:#536246}.audio-play:disabled{background:#bdc5b2;color:#f8f7f0}.audio-copy{min-width:0}.audio-kicker{display:flex;gap:9px;align-items:center;margin-bottom:4px;font-size:7px;letter-spacing:1px;color:#637157}.audio-kicker span+span{letter-spacing:0;text-transform:none;font-size:9px;padding-left:9px;border-left:1px solid #bdc7ae}.audio-copy strong{font-size:12px;font-weight:600;line-height:1.4;display:block}.audio-copy p{font-size:10px;line-height:1.55;margin:4px 0 0;color:#626d58;max-width:590px}.audio-actions{display:flex;gap:4px}.audio-small{height:34px;min-width:34px;border:1px solid #c7cebc;border-radius:5px;background:#f3f3eb;font-size:12px;display:grid;place-items:center}.audio-small:hover{background:#d9e0ca}.audio-small:disabled{opacity:.38}.audio-small[aria-pressed=true]{background:#354537;color:#f4f2e9;border-color:#354537}.stop-square{display:block;width:9px;height:9px;border-radius:1px;background:currentColor}.audio-availability{grid-column:2/-1;justify-self:start;background:none;border:0;padding:0;font-size:9px;color:#6c785e;text-decoration:underline;text-underline-offset:3px}.audio-player[data-state=playing]{border-color:#8c9c76}.audio-player[data-state=error] .audio-copy p{color:#934f38}.document .is-speaking,.question-column h3.is-speaking,.support-toggle .is-speaking{background:#d5ddbd;box-shadow:0 0 0 5px #d5ddbd;border-radius:2px;transition:background .15s}.pronunciation{margin-top:16px;padding-top:13px;border-top:1px solid #d5d9ca}.pronunciation-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.pronunciation-head strong{font-weight:500;font-size:10px}.pronunciation-head span{font-size:8px;color:#758063}.pronunciation-row{display:grid;grid-template-columns:1fr 18px 1fr;gap:7px;align-items:center;margin:6px 0}.pronunciation-row>b{font-size:12px;font-weight:400;text-align:center;color:#929b80}.pronunciation-labels{display:grid;grid-template-columns:1fr 18px 1fr;font-size:8px;color:#6e7b5d;margin-bottom:5px}.pronunciation-labels span:last-child{grid-column:3}.pronounce-button{min-width:0;min-height:38px;display:flex;align-items:center;gap:7px;text-align:left;padding:8px 9px;background:#f4f4eb;border:1px solid #d0d8c2;border-radius:5px;font-size:11px;line-height:1.4}.pronounce-button svg,.listen-inline svg{width:14px;height:14px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.pronounce-button:hover,.listen-inline:hover{background:#e4ead8}.pronounce-button.voice-missing,.listen-inline.voice-missing{color:#7d7e72;border-style:dashed}.listen-inline{display:inline-flex;align-items:center;gap:7px;border:1px solid #cbd4bc;background:transparent;border-radius:5px;font-size:10px;padding:8px 10px;margin:0 0 15px}.question-column>.listen-inline{margin-top:-4px}.support-toggle .listen-inline{margin-top:10px}.audio-note{font-size:9px;line-height:1.6;color:#718061;margin:9px 0 0}.voice-dialog .learning-dialog-body{padding-top:17px}.voice-dialog .learning-dialog-header h2{font-size:25px}.voice-intro{font-size:12px;line-height:1.7;color:#657356}.voice-list{list-style:none;margin:15px 0;padding:0}.voice-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #d7decb}.voice-code{height:31px;width:31px;display:grid;place-items:center;border:1px solid #cbd4bd;border-radius:5px;font-size:10px;color:#647650}.voice-row>div{flex:1;min-width:0}.voice-row strong{font-size:13px;font-weight:500}.voice-row p{font-size:10px;line-height:1.6;color:#79846b;margin:3px 0 0}.voice-badge{font-size:9px;background:#e9e7dc;color:#78694e;padding:4px 7px;border-radius:4px}.voice-badge.ready{background:#e2ebd3;color:#536d3c}.voice-note{font-size:10px;line-height:1.7;color:#6a775c;border-top:1px solid #d7decb;padding-top:14px;margin-bottom:0}
@media(max-width:700px){.audio-player{grid-template-columns:38px minmax(0,1fr);padding:12px;gap:10px;margin-bottom:23px}.audio-play{width:36px;height:36px}.audio-copy p{font-size:10px}.audio-actions{grid-column:2;grid-row:2}.audio-availability{grid-column:2;grid-row:3}.audio-small{min-width:37px;height:34px}.audio-copy strong{font-size:12px}.pronounce-button{font-size:12px;min-height:42px}.pronunciation-head strong{font-size:11px}.pronunciation-head span,.pronunciation-labels{font-size:9px}.listen-inline{font-size:11px;min-height:38px}.voice-dialog .learning-dialog-header h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.is-speaking{transition:none!important}}