.mrsp-listen-image{max-width:100%}
.mrsp-listen-image>img,.mrsp-listen-image>picture>img{display:block;max-width:100%;height:auto}
.mrsp-listen-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0 22px;padding:16px 18px;background:linear-gradient(110deg,#edf7f5,#f4f8fa);border:1px solid #d9e9e6;border-radius:12px;font-family:inherit;color:#1e4651;box-sizing:border-box}
.mrsp-listen-bar[hidden],.mrsp-listen-bar [hidden]{display:none!important}
.mrsp-listen-bar__main{display:flex;align-items:center;gap:13px;flex:1;min-width:0}
.mrsp-listen-bar [data-mrsp-listen-play]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;padding:0;border-radius:50%;border:1px solid #ffffff;background:#147d80;color:#fff;box-shadow:0 3px 10px #147d8020;cursor:pointer}
.mrsp-listen-bar [data-mrsp-listen-play]:hover{background:#10696c}
.mrsp-listen-bar button:focus-visible,.mrsp-listen-bar select:focus-visible,.mrsp-listen-bar a:focus-visible{outline:2px solid #147d80;outline-offset:3px}
.mrsp-listen-bar__copy strong{display:block;font-size:16px;line-height:1.6}
.mrsp-listen-bar__copy p{margin:3px 0 0!important;font-size:12px!important;line-height:1.7;color:#6c8085}
.mrsp-listen-bar__copy a{color:#147d80;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.mrsp-listen-bar__controls{display:flex;gap:7px;align-items:center}
.mrsp-listen-bar [data-mrsp-listen-stop],.mrsp-listen-bar select{font-family:inherit;font-size:12px;line-height:1.5;border:1px solid #c9dddd;border-radius:7px;padding:6px 9px;background:#fff;color:#28565a;cursor:pointer}
.mrsp-listen-bar [role=status]{flex-basis:100%;font-size:12px;line-height:1.7;color:#526d73}
.mrsp-listen-bar [role=status]:empty{display:none}
.mrsp-listen-bar .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:600px){.mrsp-listen-bar{padding:13px;gap:10px}.mrsp-listen-bar__main{flex-basis:100%}.mrsp-listen-bar__controls{margin-left:57px}.mrsp-listen-bar__copy strong{font-size:15px}}
/* Compact top-left image overlay. */
.mrsp-listen-image{position:relative}
.mrsp-listen-bar{position:absolute;top:12px;left:12px;right:auto;z-index:5;width:auto;max-width:calc(100% - 24px);margin:0;padding:9px 11px;gap:8px;border-radius:10px;background:rgba(244,250,249,.96);box-shadow:0 3px 14px #102f391a}
.mrsp-listen-bar__main{flex:initial;gap:9px}
.mrsp-listen-bar [data-mrsp-listen-play]{width:34px;height:34px;min-width:34px;flex-basis:34px}
.mrsp-listen-bar [data-mrsp-listen-play] svg{width:19px;height:19px}
.mrsp-listen-bar__copy strong{font-size:13px;line-height:1.5}
.mrsp-listen-bar__copy p{font-size:10px!important;max-width:260px;line-height:1.5}
.mrsp-listen-bar [role=status]{max-width:300px;font-size:11px}
@media(max-width:600px){.mrsp-listen-bar{top:8px;left:8px;max-width:calc(100% - 16px);padding:8px 9px}.mrsp-listen-bar__main{flex-basis:auto}.mrsp-listen-bar__controls{margin-left:0}.mrsp-listen-bar__copy strong{font-size:12px}.mrsp-listen-bar__copy p{max-width:210px}}

/* Bottom-left audio placement and text alignment. */
.mrsp-listen-bar{top:auto;bottom:12px;text-align:left}
.mrsp-listen-bar__copy,.mrsp-listen-bar__copy strong,.mrsp-listen-bar__copy p{text-align:left}
@media(max-width:600px){.mrsp-listen-bar{top:auto;bottom:8px}}
/* Keep the mobile audio surface fitted to its visible contents. */
@media(max-width:600px){
.mrsp-listen-bar{width:max-content;max-width:calc(100% - 16px);height:auto;min-height:0;align-content:flex-start;align-items:center;gap:6px}
.mrsp-listen-bar__main{flex:0 1 auto;min-width:0;width:auto}
.mrsp-listen-bar__copy{flex:0 1 auto;min-width:0}
.mrsp-listen-bar__copy p{max-width:none}
.mrsp-listen-bar__controls{flex:0 0 auto;margin:0}
.mrsp-listen-bar__controls:has(>button[hidden]){display:none}
.mrsp-listen-bar [role=status]{flex:0 1 100%;margin:0}
}