.read-aloud-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:8px auto 14px;padding:8px 10px;border:1px solid #cfd8d7;border-radius:7px;background:#f7faf9;color:#233f40;font-size:14px;line-height:1.35}
.read-aloud-controls.wrap{width:min(1180px,calc(100% - 44px))}.read-aloud-controls button,.read-aloud-controls select{min-height:38px;border:1px solid #9eb3b1;border-radius:5px;background:#fff;color:#214d4d;font:inherit;padding:7px 10px;cursor:pointer}.read-aloud-controls .read-aloud-start{background:#236763;color:#fff;border-color:#236763;font-weight:700}.read-aloud-controls button:hover:not(:disabled),.read-aloud-controls select:hover{border-color:#236763;background:#edf5f3}.read-aloud-controls .read-aloud-start:hover:not(:disabled){background:#174f4c;color:#fff}.read-aloud-controls button:focus-visible,.read-aloud-controls select:focus-visible{outline:3px solid rgba(35,103,99,.27);outline-offset:2px}.read-aloud-controls button:disabled{opacity:.42;cursor:not-allowed}.read-aloud-speed-label{display:inline-flex;align-items:center;gap:5px;margin-left:auto;white-space:nowrap}.read-aloud-status{flex-basis:100%;margin:0;color:#526665;font-size:13px;min-height:1.35em}.reader-speaking{background:#e9f3ef!important;box-shadow:0 0 0 4px #e9f3ef;border-radius:2px;transition:background-color .18s ease}
@media(max-width:640px){.read-aloud-controls{gap:5px;padding:7px;margin-top:5px}.read-aloud-controls.wrap{width:calc(100% - 36px)}.read-aloud-controls button,.read-aloud-controls select{min-height:42px;padding:7px 9px}.read-aloud-speed-label{margin-left:0}.read-aloud-status{font-size:12px}}