.read-aloud{max-width:1148px;margin:0 auto;padding:25px 0;border-bottom:1px solid #dce3df;display:flex;align-items:center;justify-content:space-between;gap:24px;font:13px/1.5 Arial,Helvetica,sans-serif;color:#456054;scroll-margin-top:110px}
.reader-title{display:flex;gap:13px;align-items:center;min-width:185px}.reader-title>svg{color:#9b5273;width:25px;height:25px}.reader-title strong{font:normal 20px/1.3 Georgia,serif;color:#205b4b;display:block}.reader-status{display:block;font-size:11px;color:#758079;margin-top:5px;max-width:300px}
.reader-controls{display:flex;gap:12px;align-items:center}.reader-controls button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d6e1d9;background:#fff;color:#205b4b;height:42px;border-radius:50%;padding:10px;min-width:42px}.reader-controls button:hover{background:#f0f7f2}.reader-controls button:disabled{opacity:.35}.reader-controls button svg{width:17px;height:17px}
.reader-controls .reader-play{background:#205b4b;border-color:#205b4b;color:#fff;border-radius:999px;gap:10px;min-width:163px;padding:11px 18px;font-size:12px;font-weight:600}.reader-controls .reader-play:hover{background:#154a3c}
.reader-controls .reader-stop{color:#b42332;border-color:#e9b8bd;background:#fff5f5}.reader-controls .reader-stop svg{fill:currentColor;stroke:currentColor;width:14px;height:14px}.reader-controls .reader-stop:hover:not(:disabled){color:#fff;background:#b42332;border-color:#b42332}.reader-controls .reader-stop:disabled{opacity:.6;cursor:not-allowed}
.reader-controls label{display:flex;flex-direction:column;gap:3px;font-size:10px;color:#708076}.reader-controls select{font:12px/1.3 Arial,Helvetica,sans-serif;border:1px solid #d7e1da;border-radius:6px;background:#fff;color:#355e49;padding:8px;min-height:36px;max-width:205px}.reader-speed select{width:70px}.reader-voice{max-width:205px}.read-aloud[data-state="error"] .reader-status{color:#943e5e}
@media(max-width:1250px){.read-aloud{margin:0 36px;gap:18px}.reader-controls{gap:8px}.reader-controls select{max-width:175px}}
@media(max-width:900px){.read-aloud{margin:0 28px;flex-wrap:wrap;gap:18px}.reader-controls{flex-wrap:wrap}.reader-title{width:100%}.reader-controls select{max-width:230px}.reader-voice{max-width:230px}}
@media(max-width:560px){.read-aloud{margin:0 20px;padding:22px 0}.reader-controls{display:grid;grid-template-columns:minmax(0,1fr) 42px 70px;gap:12px;width:100%}.reader-controls .reader-play{min-width:0;width:100%;padding:10px;font-size:11px}.reader-speed{align-self:center}.reader-voice{grid-column:1/-1;max-width:none}.reader-voice select{width:100%;max-width:none}.reader-title strong{font-size:21px}.reader-status{max-width:100%}}