.article-audio{max-width:720px;margin:22px 0;padding:16px 18px;border:1px solid var(--line);border-radius:8px;background:transparent;box-sizing:border-box}
.article-audio h2{font-family:var(--sans);font-size:1rem;margin:0 0 12px;line-height:1.4;font-weight:600}
.article-audio h2 span{font-size:.75rem;font-weight:400;color:var(--muted);display:inline-block;margin-left:8px}
.article-audio audio{display:block;width:100%;max-width:100%;min-width:0;height:48px}
.article-audio .audio-speed{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:.85rem}.article-audio .audio-speed[hidden],.article-audio .audio-error[hidden]{display:none}
.article-audio select{min-height:44px;padding:8px 12px;font:inherit;color:inherit;background:var(--paper,#fff);border:1px solid var(--line);border-radius:4px}
.article-audio select:focus-visible,.article-audio audio:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.article-audio .audio-error{font-size:.85rem;margin:10px 0 0}
@media(max-width:500px){.article-audio{padding:14px 10px}}
@media print{.article-audio{display:none!important}}