.read-aloud{max-width:960px;margin-top:26px;padding:20px 22px;background:var(--white,#fff);color:var(--ink,#183b32);border:1px solid var(--line,#cddbd4);font-family:var(--sans,sans-serif);font-size:.875rem;line-height:1.65;text-align:left;overflow-wrap:anywhere}
.read-aloud .read-aloud-title{margin:0 0 12px;font-size:1rem;font-weight:600;color:var(--green,#123c35);letter-spacing:.02em}
.read-aloud-controls{display:flex;flex-wrap:wrap;gap:9px}
.read-aloud button{font:inherit;min-height:44px;padding:9px 18px;border:1px solid #a9bcb3;background:transparent;color:var(--green,#123c35);cursor:pointer}
.read-aloud .read-aloud-play{background:var(--green,#123c35);border-color:var(--green,#123c35);color:#fff}
.read-aloud button:disabled{opacity:.5;cursor:default}
.read-aloud button:not(:disabled):hover{border-color:var(--rust,#934f32);box-shadow:inset 0 0 0 1px var(--rust,#934f32)}
.read-aloud button:focus-visible,.read-aloud select:focus-visible{outline:3px solid var(--rust,#934f32);outline-offset:3px}
.read-aloud-settings{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.read-aloud-settings label{display:flex;flex:1 1 130px;flex-direction:column;gap:5px;min-width:0;font-size:.75rem;color:var(--muted,#50675e)}
.read-aloud-settings label:has([data-read-voice]){flex:2 1 210px}
.read-aloud select{width:100%;min-width:0;min-height:44px;border:1px solid #a9bcb3;border-radius:0;background:#fff;color:var(--ink,#183b32);padding:8px 10px;font:inherit;font-size:.8125rem}
.read-aloud .read-aloud-hint{margin:13px 0 0;font-size:.75rem;line-height:1.8;color:var(--muted,#50675e)}
.read-aloud-progress{display:block;appearance:none;width:100%;height:5px;margin-top:15px;border:0;background:#e3ebe5;accent-color:var(--green,#123c35)}
.read-aloud-progress::-webkit-progress-bar{background:#e3ebe5}
.read-aloud-progress::-webkit-progress-value{background:var(--green,#123c35)}
.read-aloud-progress::-moz-progress-bar{background:var(--green,#123c35)}
.read-aloud .read-aloud-status{margin:8px 0 0;min-height:1.7em;font-size:.75rem;color:var(--green,#123c35)}
.read-aloud-current{outline:2px solid var(--rust,#934f32);outline-offset:5px}
@media(max-width:700px){.read-aloud{margin-top:22px;padding:17px 18px}.read-aloud-controls{gap:8px}.read-aloud button{padding:9px 13px}.read-aloud-settings{gap:10px}.read-aloud-settings label:has([data-read-voice]){flex-basis:100%}.read-aloud .read-aloud-hint{font-size:.75rem}}