.listen{padding-block:var(--space-5);border-block:1px solid var(--color-border-subtle);margin-block:var(--space-8)}.listen-details{gap:var(--space-4);background:0 0;border:0;border-radius:0;margin-block:0;padding:0;display:grid}.tts-button{min-block-size:var(--touch-target-min);padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-ink-secondary);font-family:var(--font-ui);font-size:var(--step-0);cursor:pointer;transition:color var(--duration-fast) var(--ease-snappy), border-color var(--duration-fast) var(--ease-snappy), scale var(--duration-snappy) var(--ease-smooth-in);background:0 0;align-items:center;display:inline-flex}.tts-button:active{scale:.96}.tts-button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.prose summary.tts-button:focus-visible{border-radius:var(--radius-sm)}@media (hover:hover){.tts-button:hover{border-color:var(--color-primary);color:var(--color-ink)}}.listen-summary{inline-size:fit-content;list-style:none}.tts-button.listen-summary{color:var(--color-primary)}@media (hover:hover){.tts-button.listen-summary:hover{color:var(--color-primary-hover)}}.listen-summary::-webkit-details-marker{display:none}.listen-summary .listen-duration{font-size:inherit}.listen-body{gap:var(--space-3);margin-block:0;display:grid}.listen-links{gap:var(--space-2) var(--space-5);font-family:var(--font-ui);font-size:var(--step-0);flex-wrap:wrap;margin:0;display:flex}.listen-links a{min-block-size:var(--touch-target-standing);color:var(--color-primary);text-decoration-line:underline;-webkit-text-decoration-color:color-mix(in oklab, currentcolor 35%, transparent);text-decoration-color:color-mix(in oklab, currentcolor 35%, transparent);text-underline-offset:.2em;align-items:center;display:inline-flex}.listen-links a:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}.prose .listen-links a:focus-visible{text-decoration-color:currentColor}@media (hover:hover){.listen-links a:hover{color:var(--color-primary-hover);text-decoration-color:currentColor}}.tts-fallback audio{inline-size:100%;max-inline-size:100%}.listen:has([data-tts-enhanced]) .tts-fallback{display:none}@media print{.listen{display:none}}