.article-listening{position:relative}.article-listen-trigger{display:flex;align-items:center;gap:7px;border:0;background:none;padding:6px 3px;color:var(--muted,#647168);font-size:12px}.article-listen-trigger:hover,.article-listen-trigger[aria-expanded=true]{color:var(--publication-accent,#255c45)}.article-listen-panel{position:absolute;z-index:15;right:0;top:calc(100% + 12px);width:350px;max-width:calc(100vw - 32px);padding:24px;background:var(--paper,#fff);border:1px solid var(--line,#e6ebe5);border-radius:10px;box-shadow:0 8px 30px #25352d12;color:var(--ink,#25352d);font-family:inherit}.article-listen-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px}.article-listen-heading>button{padding:3px;border:0;background:none;color:var(--muted,#647168)}.article-listen-note{font-size:11px!important;line-height:1.6!important;color:var(--muted,#647168);margin:12px 0 20px!important}.article-listen-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.article-listen-play{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:22px;padding:10px 18px;background:var(--publication-accent,#255c45);color:var(--button-ink,#fff);font-size:12px;min-width:94px}.article-listen-stop{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--line,#e6ebe5);border-radius:50%;color:var(--muted,#647168);background:none}.article-listen-controls label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted,#647168)}.article-listen-panel select{border:1px solid var(--line,#e6ebe5);border-radius:6px;background:var(--paper,#fff);color:var(--ink,#25352d);padding:7px 8px;font-size:12px;min-width:0}.article-listen-voice{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted,#647168);margin-top:16px}.article-listen-voice select{width:100%}.article-listen-message{font-size:12px!important;line-height:1.6!important;color:var(--muted,#647168);margin:16px 0 0!important}.article-listen-upgrade{display:inline-block;color:var(--publication-accent,#255c45);font-size:12px;margin-top:16px;text-underline-offset:3px}.article-listen-panel button:focus-visible,.article-listen-panel select:focus-visible,.article-listen-trigger:focus-visible{outline:2px solid var(--publication-accent,#255c45);outline-offset:3px}@media(max-width:560px){.article-listen-panel{position:fixed;top:auto;bottom:20px;left:16px;right:16px;width:auto;max-height:65dvh;overflow:auto;padding:22px}.article-listen-trigger span{display:none}.article-listen-panel select{font-size:16px}}