.article-audio{margin:32px 0 0;padding:24px;border:1px solid #dedbd8;border-radius:12px;background:#f7f7f7;color:#2e2929;text-align:left;max-width:760px}
.article-audio-title{display:block;font-size:18px;margin-bottom:6px}
.article-audio-note{font-size:14px;line-height:1.5;color:#666;margin:0 0 18px}
.article-audio-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px}
.article-audio button,.article-audio select{min-height:44px;border-radius:6px;font:inherit;font-size:14px;padding:10px 14px;border:1px solid #d5d1ce;background:#fff;color:#2e2929;max-width:100%}
.article-audio button{cursor:pointer}
.article-audio [data-play]{background:#2e2929;color:#fff;border-color:#2e2929;min-width:155px}
.article-audio button:disabled{opacity:.45;cursor:default}
.article-audio label{display:grid;gap:6px;font-size:12px;min-width:0}
.article-audio label:last-child{flex:1;min-width:160px}
.article-audio select{width:100%}
.article-audio :is(button,select):focus-visible{outline:2px solid #61768b;outline-offset:3px}
.article-audio progress{display:block;width:100%;height:5px;margin:22px 0 12px;accent-color:#2e2929}
.article-audio-status{font-size:13px;line-height:1.5;margin:0;color:#666}
@media(max-width:540px){.article-audio{padding:18px}.article-audio-controls{gap:10px}.article-audio label:last-child{flex-basis:100%}}