.article-audio{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0 24px;padding:15px 18px;border:1px solid #d5e4ed;border-radius:14px;background:#f1f7fa;color:#18344b}.article-audio__button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 17px;border:0;border-radius:10px;background:#176b82;color:#fff;font:inherit;font-weight:700;cursor:pointer}.article-audio__button:hover{background:#11566a}.article-audio__button:focus-visible{outline:3px solid #65b8d2;outline-offset:3px}.article-audio__button:disabled{opacity:.75;cursor:wait}.article-audio__details{flex:1 1 220px;min-width:0}.article-audio__status{margin:0;font-size:.9rem;line-height:1.45}.article-audio progress{display:block;width:100%;height:6px;margin-top:8px;accent-color:#176b82}.article-audio progress[hidden],.article-audio audio[hidden],.article-audio button[hidden]{display:none}.article-audio audio{width:min(100%,420px);height:42px}.article-audio__label{font-weight:700;font-size:.9rem;margin:0 0 2px}.article-audio__credit{margin:6px 0 0;font-size:.78rem;line-height:1.4;color:#60778b}.article-audio__credit a{color:#176b82}@media(max-width:600px){.article-audio{align-items:stretch;gap:10px}.article-audio__button{width:100%}.article-audio__details{flex-basis:100%}.article-audio audio{width:100%}}
