.article-audio{border:1px solid var(--color-border);background:var(--color-background);color:var(--color-foreground);text-align:left;letter-spacing:normal;border-radius:1rem;margin:1.25rem 0;padding:clamp(1rem,3vw,1.5rem);font-size:1rem}.article-audio__heading{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.article-audio__play{border:1px solid var(--accent-primary);background:var(--accent-primary);min-height:44px;color:var(--color-background);font:inherit;cursor:pointer;border-radius:.7rem;align-items:center;gap:.65rem;padding:.7rem 1rem;font-weight:650;display:inline-flex}.article-audio__play:disabled{opacity:.65;cursor:default}.article-audio__note{color:var(--color-foreground-muted);font-size:.8rem}.article-audio audio{width:100%;margin:.5rem 0;display:block}.article-audio__speed{align-items:center;gap:.7rem;font-size:.85rem;display:flex}.article-audio__speed select{min-height:44px;color:inherit;background:var(--color-background);border:1px solid var(--color-border);border-radius:.4rem;padding:.35rem .65rem}.article-audio__sticky{z-index:90;left:50%;bottom:calc(5.5rem + env(safe-area-inset-bottom));border:1px solid var(--color-border);background:var(--color-background);width:max-content;max-width:calc(100vw - 2rem);color:var(--color-foreground);box-shadow:0 .5rem 2rem color-mix(in srgb, var(--color-foreground) 18%, transparent);border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;display:flex;position:fixed;transform:translate(-50%)}.article-audio__restart{min-height:44px;color:inherit;border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:.5rem;padding:.5rem}.article-audio button:focus-visible,.article-audio__sticky button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}@media (max-width:480px){.article-audio__sticky>span{display:none}}