.mql-reader{margin:0 0 2.5rem;padding:1.4rem 1.5rem;border:1px solid #d8c8a6;border-radius:8px;background:#f4efe5;color:#171b20;font-family:Arial,sans-serif;font-size:1rem;line-height:1.5}
.mql-heading{display:flex;align-items:center;gap:.85rem;margin-bottom:1.1rem}.mql-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:#e6dac0;color:#765522;font-size:1.4rem}
.mq-prose .mql-reader .mql-eyebrow{margin:0 0 .15rem;font-size:.69rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#765522}.mq-prose .mql-reader h2{margin:0;font-family:inherit;font-size:1.22rem;line-height:1.3;font-weight:700}
.mql-controls{display:flex;align-items:end;flex-wrap:wrap;gap:.75rem}.mql-reader button,.mql-reader select{box-sizing:border-box;min-height:44px;border:1px solid #bba77c;border-radius:4px;font:inherit;line-height:1.25}.mql-reader button{padding:.65rem 1rem;cursor:pointer;font-weight:700;white-space:nowrap}.mql-reader .mql-play{background:#cfb476;color:#151515}.mql-reader .mql-stop{background:#fffdf8;color:#4e3c1f}.mql-reader button:hover:not(:disabled){filter:brightness(.95)}.mql-reader button:disabled,.mql-reader select:disabled{opacity:.55;cursor:default}
.mql-controls label{display:flex;flex-direction:column;gap:.25rem;max-width:100%;font-size:.8rem;font-weight:700;color:#4e4a43}.mql-reader select{padding:.55rem 2rem .55rem .6rem;background:#fffdf8;color:#171b20;font-size:.9rem;max-width:100%}.mql-voice-label{flex:1 1 190px;min-width:0}.mql-voice-label select{width:100%;text-overflow:ellipsis}
.mql-feedback{display:flex;gap:.5rem 1rem;justify-content:space-between;flex-wrap:wrap;margin-top:.9rem;font-size:.84rem;color:#504e48}.mq-prose .mql-reader [data-mql-status]{margin:0;font-size:inherit;line-height:inherit}.mq-prose .mql-reader .mql-help{margin:.65rem 0 0;font-size:.76rem;color:#66635b;line-height:1.6}.mql-reader [data-mql-position]{white-space:nowrap}.mql-reader :is(button,select):focus-visible{outline:3px solid #875f24;outline-offset:3px}
@media(max-width:520px){.mql-reader{padding:1.1rem}.mql-controls{gap:.65rem}.mql-controls .mql-play{flex:1}.mql-voice-label{flex-basis:100%}.mql-controls label:not(.mql-voice-label){flex:1}.mql-controls select{width:100%}.mql-feedback{display:block}.mql-feedback span{display:block;margin-top:.25rem}}
@media(prefers-reduced-motion:reduce){.mql-reader *{scroll-behavior:auto}}