/* Shared full-color "listen on" brand icons (home + podcast) */
.listen-on{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:clamp(28px,6vw,64px);margin:40px auto 0;padding:0;list-style:none}
.listen-on a{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:88px;min-height:44px;color:#f1ebdd;text-decoration:none;font-family:'Inter',sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-radius:12px;padding:6px}
.listen-on svg{width:clamp(52px,6vw,64px);height:clamp(52px,6vw,64px);display:block}
.listen-on a:hover span,.listen-on a:focus-visible span{color:#e7c374}
.listen-on a:focus-visible{outline:2px solid #e7c374;outline-offset:4px}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.listen-on svg{transition:transform .2s ease}.listen-on a:hover svg{transform:translateY(-3px)}}
.listen-sub{display:flex;justify-content:center;gap:8px;margin-top:22px;flex-wrap:wrap}
.listen-sub a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:rgba(241,235,221,.55)}
.listen-sub a:hover,.listen-sub a:focus-visible{color:#f1ebdd}
.listen-sub svg{width:20px;height:20px}
@media (max-width:480px){.listen-on{gap:10px;flex-wrap:nowrap}.listen-on li{flex:1 1 0;min-width:0}.listen-on a{min-width:0;font-size:10.5px;letter-spacing:.08em;text-align:center}}