/* Existing publication palette; native links retain keyboard and no-JS access. */
.listening-announcement{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;margin:0 0 28px;border-block:1px solid var(--line);border-left:3px solid #354d43;background:#f4f0e6;color:var(--ink)}
.listening-announcement>div{flex:1;min-width:0}
.listening-announcement .eyebrow,.episode-listening .eyebrow{margin:0 0 7px;color:#354d43}
.listening-announcement p:not(.eyebrow){margin:0;font:16px/1.5 var(--sans)}
.listening-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.listening-links a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;max-width:100%;box-sizing:border-box;padding:10px 14px;border:1px solid #354d43;background:#f4f0e6;color:#354d43;font:bold 13px/1.5 var(--sans);text-decoration:none;text-align:center;overflow-wrap:anywhere}
.listening-links a:hover{background:#e6ded0;color:#354d43}
.listening-links a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.listening-announcement>.listening-links{flex-shrink:0;max-width:360px}
.story-copy>.listening-links,.collection-copy>.listening-links{margin-top:12px}
.episode-listening{padding:18px 20px;margin:0 0 24px;border-left:3px solid #354d43;background:#f4f0e6}
@media(max-width:900px){.listening-announcement{align-items:flex-start;flex-direction:column}.listening-announcement>.listening-links{max-width:100%}}
@media(max-width:400px){.listening-links{align-items:stretch;flex-direction:column}.listening-links a{width:100%}.listening-announcement>.listening-links{width:100%}.listening-announcement,.episode-listening{padding:16px}}

.listening-links .platform-icon{width:24px;height:24px;flex:0 0 24px;object-fit:contain}