.magazine-audio{display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px 18px;max-width:100%;vertical-align:middle}
.magazine-audio button{appearance:none;display:inline-block;background:transparent;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:10px 0 4px;min-height:44px;color:var(--brand-red,#ef2338);font:500 .875rem/1.4 'DM Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em;cursor:pointer}
.magazine-audio button:hover{opacity:.8}
.magazine-audio button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.magazine-audio button:disabled{opacity:.65;cursor:default}
.magazine-audio [hidden]{display:none!important}
.magazine-listen-status{color:var(--muted,#aaa59d);font:400 .875rem/1.4 'DM Sans',Arial,sans-serif;text-transform:none;letter-spacing:normal}
.magazine-listen-status:empty{display:none}
.magazine-voice-note{color:var(--muted,#aaa59d);font-size:.875rem;line-height:1.5}

/* A single, recognizable transport control in the /ssue palette. */
.magazine-audio button[data-magazine-listen]{display:inline-flex;align-items:center;gap:12px;border:0;padding:6px 0;min-height:56px;text-align:left}
.magazine-audio button[data-magazine-listen]::before{content:"";display:block;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#ef2338 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23fff8ec' d='M19 14v20l16-10z'/%3E%3C/svg%3E") center/48px no-repeat}
.magazine-audio button[data-magazine-listen][aria-pressed="true"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23fff8ec' d='M16 14h6v20h-6zm10 0h6v20h-6z'/%3E%3C/svg%3E")}
.magazine-audio .magazine-listen-stop{border:0;text-transform:none;letter-spacing:0;padding:8px}
@media(max-width:560px){.magazine-audio{gap:8px 12px}.magazine-listen-status{flex-basis:100%}}