.article-audio{margin:0 0 2.5rem;padding:1.35rem 1.5rem 1.1rem;border:1px solid var(--line,#dadeda);border-radius:10px;background:#f8f8f5;color:#192431}
.article-audio-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.article-audio .article-audio-heading h2{margin:0;font-family:inherit;font-size:1.15rem;font-weight:600;line-height:1.4;color:#173965;letter-spacing:-.02em}
.article-audio-duration{font-size:.82rem;color:#626b77;white-space:nowrap}
.article-audio>p{margin:.35rem 0 1rem;font-size:.85rem;line-height:1.6;color:#626b77}
.article-audio audio{display:block;width:100%;height:54px;accent-color:#173965;color-scheme:light}
.article-audio-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem 1.25rem;margin-top:.85rem;font-size:.8rem}
.article-audio-footer label{display:flex;align-items:center;gap:.5rem;color:#626b77}
.article-audio-footer select{min-height:40px;padding:.35rem .55rem;border:1px solid #dadeda;border-radius:6px;background:#fff;font:inherit;color:#173965;cursor:pointer}
.article-audio-footer a{display:inline-flex;align-items:center;min-height:40px;color:#173965;text-decoration:underline;text-underline-offset:3px}
.article-audio :focus-visible{outline:3px solid #173965;outline-offset:4px}
.article-audio .article-audio-error{margin:.85rem 0 0;color:#173965}
@media(max-width:600px){.article-audio{padding:1.05rem 1rem}.article-audio .article-audio-heading h2{font-size:1.05rem}.article-audio-footer{gap:.35rem 1rem}}
@media print{.article-audio{display:none!important}}