/* Optional article audio, using the same reading surface in all three languages. */
.reader-speech{margin-top:24px;max-width:100%;font-family:var(--reader-display);font-size:12px}
.reader-speech[hidden],.reader-speech [hidden]{display:none!important}
.reader-speech-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.reader-speech button,.reader-speech select{font:inherit;color:var(--ink);min-height:40px;border:1px solid var(--line);border-radius:6px;cursor:pointer}
.reader-speech button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:transparent;transition:background-color .18s}
.reader-speech .reader-speech-toggle{background:color-mix(in srgb,var(--green) 18%,var(--paper));border-color:color-mix(in srgb,var(--green) 50%,var(--line));font-weight:550}
.reader-speech .reader-speech-toggle:hover{background:color-mix(in srgb,var(--green) 30%,var(--paper))}
.reader-speech button:focus-visible,.reader-speech select:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}
.reader-speech button:disabled{cursor:default;opacity:.65}
.reader-speech-speed{display:inline-flex;align-items:center;gap:8px;color:var(--muted);white-space:nowrap}
.reader-speech select{background:var(--paper);padding:6px 4px 6px 8px;min-width:64px}
.reader-speech .reader-speech-stop{width:40px;padding:8px}
.reader-speech .reader-speech-stop:hover{background:var(--soft)}
.reader-speech-pause{display:none}
.reader-speech[data-state=playing] .reader-speech-play{display:none}
.reader-speech[data-state=playing] .reader-speech-pause{display:block}
.reader-speech-meter{display:flex;align-items:center;gap:12px;max-width:300px;margin-top:10px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}
.reader-speech-meter progress{appearance:none;flex:1;min-width:0;height:3px;border:0;border-radius:3px;background:var(--line);color:var(--accent-ink)}
.reader-speech-meter progress::-webkit-progress-bar{background:var(--line);border-radius:3px}
.reader-speech-meter progress::-webkit-progress-value{background:var(--accent-ink);border-radius:3px}
.reader-speech-meter progress::-moz-progress-bar{background:var(--accent-ink);border-radius:3px}
.reader-speech[data-state=error] .reader-speech-status{position:static;width:auto;height:auto;clip:auto;clip-path:none;overflow:visible;white-space:normal;margin:10px 0 0;line-height:1.7;color:var(--muted)}
.reader-prose [data-speech-current]{background:color-mix(in srgb,var(--green) 13%,transparent);outline:6px solid color-mix(in srgb,var(--green) 13%,transparent);border-radius:2px}
@media(max-width:780px){.reader-speech{margin-top:20px}.reader-speech button,.reader-speech select{min-height:44px}.reader-speech .reader-speech-stop{width:44px}.reader-speech-controls{gap:8px 10px}}
@media(prefers-reduced-motion:reduce){.reader-speech button{transition:none}}
@media print{.reader-speech{display:none!important}.reader-prose [data-speech-current]{background:none;outline:none}}