.article-audio{margin:22px 0 4px;padding:18px 20px;border:1px solid #d9c7e5;border-radius:12px;background:linear-gradient(135deg,#faf5ff 0%,#fff 72%);box-shadow:0 8px 24px rgba(83,29,112,.06);font-family:var(--sans)}
.article-audio-heading{display:flex;gap:12px;align-items:center;margin-bottom:14px}.article-audio-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--purple);color:#fff;font-size:1rem}.article-audio-heading strong{display:block;color:#2e2038;font-size:1rem}.article-audio-heading small{display:block;margin-top:2px;color:#6b5c72;font-size:.76rem;line-height:1.45}
.article-audio-controls{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.article-audio button,.article-audio select{min-height:42px;border-radius:999px;font:700 .82rem/1 var(--sans)}.article-audio button{padding:10px 16px;border:1px solid var(--purple);background:var(--purple);color:#fff;cursor:pointer}.article-audio button[data-audio-stop],.article-audio button[data-audio-fallback]{background:#fff;color:var(--purple)}.article-audio button:disabled{cursor:not-allowed;opacity:.5}.article-audio label{display:flex;align-items:center;gap:7px;color:#4f4057;font-size:.8rem;font-weight:700}.article-audio select{padding:8px 30px 8px 11px;border:1px solid #cdbbd8;background:#fff;color:#302337}.article-audio-status{flex-basis:100%;margin:2px 0 0;color:#6b5c72;font-size:.78rem;line-height:1.45}
@media(max-width:520px){.article-audio{padding:16px}.article-audio-controls{align-items:stretch}.article-audio button{flex:1}.article-audio label{flex-basis:100%;justify-content:space-between}.article-audio select{flex:1}.article-audio-status{margin-top:3px}}
@media print{.article-audio{display:none!important}}