.opk-read-aloud{display:flex;align-items:center;gap:0.5rem;margin:1.25rem 0;}.opk-read-aloud-btn{display:inline-flex;align-items:center;gap:0.5rem;font-family:inherit;font-weight:600;font-size:0.9rem;padding:0.55rem 1.1rem;border-radius:var(--radius-sm,4px);border:1px solid var(--color-border,#e4e9e6);background:var(--color-bg,#fff);color:var(--color-ink,#14181b);cursor:pointer;transition:background var(--transition,160ms ease),border-color var(--transition,160ms ease),color var(--transition,160ms ease);}.opk-read-aloud-btn:hover,.opk-read-aloud-btn:focus-visible{border-color:var(--color-primary-light,#2f9a58);background:var(--color-primary-tint,#eaf6ee);color:var(--color-primary-dark,#0d5029);}.opk-read-aloud-btn:disabled{opacity:0.55;cursor:not-allowed;}.opk-read-aloud-btn-icon{width:18px;height:18px;flex-shrink:0;}.opk-read-aloud-btn-icon--play{display:block;}.opk-read-aloud-btn-icon--pause{display:none;}.opk-read-aloud[data-state="playing"] .opk-read-aloud-btn-icon--play{display:none;}.opk-read-aloud[data-state="playing"] .opk-read-aloud-btn-icon--pause{display:block;}.opk-read-aloud[data-state="playing"] .opk-read-aloud-btn,.opk-read-aloud[data-state="paused"] .opk-read-aloud-btn{background:var(--color-primary,#14703a);border-color:var(--color-primary,#14703a);color:#fff;}.opk-read-aloud[data-state="playing"] .opk-read-aloud-btn:hover,.opk-read-aloud[data-state="playing"] .opk-read-aloud-btn:focus-visible,.opk-read-aloud[data-state="paused"] .opk-read-aloud-btn:hover,.opk-read-aloud[data-state="paused"] .opk-read-aloud-btn:focus-visible{background:var(--color-primary-dark,#0d5029);border-color:var(--color-primary-dark,#0d5029);color:#fff;}.opk-read-aloud-stop{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:var(--radius-sm,4px);border:1px solid var(--color-border,#e4e9e6);background:var(--color-bg,#fff);color:var(--color-ink,#14181b);cursor:pointer;transition:background var(--transition,160ms ease),border-color var(--transition,160ms ease),color var(--transition,160ms ease);}.opk-read-aloud-stop svg{width:16px;height:16px;}.opk-read-aloud-stop:hover,.opk-read-aloud-stop:focus-visible{border-color:var(--color-primary-light,#2f9a58);background:var(--color-primary-tint,#eaf6ee);color:var(--color-primary-dark,#0d5029);}.opk-read-aloud-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}