.article-audio{display:flex;align-items:center;flex-wrap:wrap;gap:16px;width:100%;margin-block:24px 8px;padding:12px 16px 12px 10px;border:1px solid hsl(var(--border));border-radius:18px;color:hsl(var(--foreground));background:hsl(var(--muted)/.32);font-size:.8rem}.article-audio-play{display:inline-flex;flex:0 0 auto;align-items:center;gap:10px;min-height:44px;min-width:174px;padding:0 8px 0 0;text-align:left;font-weight:500}.article-audio-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;color:hsl(var(--background));background:hsl(var(--foreground));transition:transform .2s}.article-audio-play:hover .article-audio-icon{transform:scale(1.06)}.article-audio-track{display:flex;flex:1 1 160px;align-items:center;gap:12px;min-width:0}.article-audio-track input{flex:1 1 auto;min-width:40px;width:100%;height:44px;margin:0;accent-color:hsl(var(--foreground));cursor:pointer}.article-audio-track>span{flex-shrink:0;color:hsl(var(--muted-foreground));font-size:.65rem;font-variant-numeric:tabular-nums;white-space:nowrap}.article-audio-track i{padding-inline:3px;font-style:normal;opacity:.5}.article-audio-options{display:flex;align-items:center;flex:0 0 auto;gap:6px}.article-audio-options select{min-height:44px;width:62px;padding:4px 5px;border-radius:9px;border:1px solid hsl(var(--border));background:hsl(var(--background));color:inherit;font:inherit;font-size:.7rem;cursor:pointer}.article-audio-restart{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:hsl(var(--muted-foreground))}.article-audio-restart:hover:not(:disabled){color:hsl(var(--foreground));background:hsl(var(--muted))}.article-audio button:focus-visible,.article-audio input:focus-visible,.article-audio select:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}.article-audio :disabled{opacity:.4;cursor:default}.article-audio-error{flex-basis:100%;margin:0 6px 4px;color:hsl(var(--muted-foreground));font-size:.75rem;line-height:1.5}.article-audio-spinner{animation:article-audio-spin 1s linear infinite}@keyframes article-audio-spin{to{transform:rotate(1turn)}}@media (max-width:580px){.article-audio{gap:8px 12px;padding:10px 12px;border-radius:15px}.article-audio-play{flex:1 1 auto;min-width:160px}.article-audio-track{order:3;flex-basis:100%}.article-audio-options{margin-left:auto}}@media (prefers-reduced-motion:reduce){.article-audio *{animation:none;transition:none}}.article-audio-track input{appearance:none;background:transparent}.article-audio-track input::-webkit-slider-runnable-track{height:3px;border-radius:99px;background:linear-gradient(to right,hsl(var(--foreground)) var(--audio-progress),hsl(var(--border)) var(--audio-progress))}.article-audio-track input::-webkit-slider-thumb{appearance:none;width:10px;height:10px;margin-top:-3.5px;border:0;border-radius:50%;background:hsl(var(--foreground))}.article-audio-track input::-moz-range-track{height:3px;border-radius:99px;background:hsl(var(--border))}.article-audio-track input::-moz-range-progress{height:3px;border-radius:99px;background:hsl(var(--foreground))}.article-audio-track input::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:hsl(var(--foreground))}