.audio-panel{background:#fff;border:1px solid #d7e2ed;border-top:3px solid #caa653;border-radius:16px;padding:18px;margin:20px 0;color:#16324f;box-shadow:0 8px 30px #112d4a08}.audio-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.audio-heading strong{display:flex;gap:14px;font-size:18px}.audio-heading [data-count]{color:#567087;font-size:14px}.audio-controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.audio-controls button,.audio-controls select{min-height:44px;border:1px solid #b9cad8;border-radius:9px;padding:9px 12px;background:#f8fafc;color:#17324f;font:inherit;max-width:100%}.audio-controls .audio-play{background:#123b67;color:#fff;border-color:#123b67;min-width:145px;font-weight:700}.audio-controls label{display:flex;flex-direction:column;gap:5px;font-size:13px}.audio-controls .voice-field{flex:1;min-width:130px;max-width:300px}.audio-controls button:disabled{opacity:.5;cursor:not-allowed}.audio-status{font-size:14px;margin:13px 0 3px}.audio-panel small{font-size:12px;color:#647587;display:block}.audio-panel :focus-visible{outline:3px solid #ba8b21;outline-offset:3px}@media(max-width:600px){.audio-panel{padding:14px}.audio-controls{display:grid;grid-template-columns:1fr 1fr}.audio-controls label{min-width:0}.audio-controls .voice-field{max-width:none}.audio-controls select{width:100%}.audio-controls label:last-child{grid-column:1/-1}.audio-controls .audio-play{min-width:0}}
/* Compact lesson reader: voices and speed are available on demand. */
.audio-compact{border:1px solid #d7e2ed;border-top:0;border-radius:12px;padding:10px 13px;margin:0 0 14px;box-shadow:none}.audio-main{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.audio-main button,.audio-main select{min-height:42px;border:1px solid #c4d4e3;border-radius:9px;padding:8px 12px;font:inherit;background:#f6f9fd;color:#254764}.audio-main .audio-play{border:0;background:#2668ad;color:white;font-weight:700;font-size:14px}.audio-main button:disabled{opacity:.5;cursor:not-allowed}.audio-language select{font-size:14px;background:white}.audio-options{margin-left:auto;font-size:12px}.audio-options summary{cursor:pointer;min-height:42px;display:flex;align-items:center;color:#536d84;list-style:revert}.audio-options[open]{flex-basis:100%;margin-left:0}.audio-options[open] summary{min-height:30px}.audio-options-body{display:flex;align-items:end;flex-wrap:wrap;gap:10px;padding-top:9px;border-top:1px solid #dbe6ef}.audio-options-body label{display:grid;gap:4px;font-size:12px}.audio-options-body select{max-width:270px;width:100%;font-size:13px}.audio-options-body small{flex-basis:100%}.audio-compact .audio-status{font-size:12px;margin:7px 0 0}.audio-compact .audio-status:empty{display:none}.audio-compact .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:600px){.audio-compact{padding:9px}.audio-main{gap:7px}.audio-main .audio-play{font-size:12px;padding:8px 10px}.audio-language select{font-size:12px;padding:8px}.audio-options{font-size:10px}.audio-options-body label{width:100%}.audio-options-body select{max-width:none}}

#history-voice-settings{max-width:1100px;margin:22px auto}.voice-settings summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:700}.voice-settings[open] summary{margin-bottom:10px}.voice-settings p{font-size:13px}.voice-settings p:empty{display:none}

.audio-controls .voice-field,.audio-options-body label:has([data-voice]){min-width:0;max-width:100%}.voice-field select{width:100%;min-width:0}.audio-controls [data-voice-test],.audio-options-body [data-voice-test]{border-color:#287385}#dossier-reader>#history-voice-settings{margin:0 0 16px}