/* Scoped replacement for the draft audio styles. Keeps article typography intact. */
.ac-recorded { color:inherit; font:inherit; margin:24px 0 36px; max-width:100%; }
.ac-recorded *, .ac-recorded *::before { box-sizing:border-box; }
.ac-recorded [hidden] { display:none!important; }
.ac-recorded button, .ac-recorded select { font:inherit; font-size:15px; color:inherit; background:transparent; border:0; border-radius:4px; min-height:44px; cursor:pointer; margin:0; box-shadow:none; text-transform:none; letter-spacing:normal; }
.ac-recorded button { padding:8px 12px; }
.ac-recorded button::after { display:none; }
.ac-recorded button:hover, .ac-recorded button:focus-visible { background:rgba(255,255,255,.07); }
.ac-recorded :focus-visible { outline:2px solid #547cff; outline-offset:3px; }
.ac-recorded-top { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.ac-recorded .ac-recorded-play { display:inline-flex; align-items:center; gap:9px; font-weight:500; padding-left:0; }
.ac-recorded-play svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.ac-recorded-duration, .ac-recorded-time { font-size:13px; font-variant-numeric:tabular-nums; color:#aaa; }
.ac-recorded-controls { margin-top:6px; max-width:520px; }
.ac-recorded-track { display:flex; align-items:center; gap:14px; }
.ac-recorded-time { white-space:nowrap; }
.ac-recorded .ac-recorded-seek { display:block; flex:1; width:0; min-width:0; height:44px; margin:0; padding:0; accent-color:#365dff; cursor:pointer; background:transparent; border:0; }
.ac-recorded-actions { display:flex; align-items:center; gap:4px; flex-wrap:wrap; }
.ac-recorded-actions label { display:inline-flex; align-items:center; gap:8px; margin-left:auto; font-size:13px; color:#bbb; }
.ac-recorded select { padding:0 8px; width:auto; appearance:auto; }
.ac-recorded select option { color:#fff; background:#171717; }
.ac-recorded .ac-recorded-status { font-size:14px; line-height:1.5; margin:8px 0 0; }
.ac-recorded-status:empty { display:none; }
.ac-recorded audio { display:none; }
@media(max-width:480px) { .ac-recorded { margin:20px 0 28px; } .ac-recorded-track { gap:10px; } }
@media(max-width:380px) { .ac-recorded-actions label { font-size:0; gap:0; } }