.article-audio{--aa-bg:var(--surface,#fff);--aa-line:var(--line,#c9ddd3);--aa-text:var(--text,#152f29);--aa-muted:var(--muted,#4d655f);--aa-accent:var(--mint,#076c50);display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;padding:12px 16px;margin:24px 0;border:1px solid var(--aa-line);border-radius:10px;background:var(--aa-bg);color:var(--aa-text);box-sizing:border-box}[data-mode=dark] .article-audio{--aa-bg:var(--surface,#101c1e);--aa-line:var(--line,#263938);--aa-text:var(--text,#eff5ef);--aa-muted:var(--muted,#aab9b6);--aa-accent:var(--mint,#83efc5)}.article-audio>audio{display:none !important}.article-audio__play{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin:0;border:1px solid var(--aa-accent);border-radius:50%;background:var(--aa-accent);color:var(--aa-bg);cursor:pointer;transition:filter .2s}.article-audio__play:hover:not(:disabled){filter:brightness(1.12)}.article-audio__play:disabled{cursor:wait}.article-audio__play:focus-visible,.article-audio__wave-wrap:has(.article-audio__seek:focus-visible){outline:2px solid var(--aa-accent);outline-offset:4px}.article-audio__play svg{width:20px;height:20px;fill:currentColor}.article-audio__pause{display:none}.article-audio.is-playing .article-audio__pause{display:block}.article-audio.is-playing .article-audio__triangle{display:none}.article-audio__body{display:grid;grid-template-columns:minmax(0,1fr)auto;align-items:center;gap:4px 12px;min-width:0}.article-audio__label{font:600 12px/1.5 var(--sans,Arial,sans-serif);color:var(--aa-text);overflow-wrap:anywhere}.article-audio__time{font:11px/1.5 var(--mono,monospace);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--aa-muted);direction:ltr}.article-audio__wave-wrap{grid-column:1/-1;position:relative;height:28px;min-width:0;direction:ltr;border-radius:3px}.article-audio__wave{display:block;width:100%;height:28px}.article-audio__bars{fill:var(--aa-muted);opacity:.35}.article-audio__played{fill:var(--aa-accent)}.article-audio__seek{position:absolute;inset:-7px 0;display:block !important;width:100% !important;height:42px !important;margin:0 !important;padding:0 !important;opacity:0;cursor:pointer;direction:ltr}.article-audio__seek:disabled{cursor:default}.article-audio__error{display:none;grid-column:1/-1;min-width:0;color:var(--aa-muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}.article-audio.has-error .article-audio__error{display:block}@media(max-width:600px){.article-audio{padding:10px 12px;gap:10px}.article-audio__body{column-gap:8px}.article-audio__label{font-size:11px}.article-audio__time{font-size:10px}}@media(prefers-reduced-motion:reduce){.article-audio__play{transition:none}}