/* Voice choice: a small tab on the side edge and a side panel (js/voices.js). Built from ui-kit tokens; logical properties for Hebrew. */
.pv-tab { position: fixed; inset-inline-end: 0; inset-block-start: 42%; z-index: 40; min-height: 44px; padding: 0 12px; border: 1px solid var(--accent-line); border-inline-end: 0;
  border-start-start-radius: 999px; border-end-start-radius: 999px; background: var(--bg); color: var(--ink); font: 600 var(--fs-sm, 14px)/1 var(--font-ui, inherit); cursor: pointer; }
.pv-panel { position: fixed; inset-block: 0; inset-inline-end: 0; z-index: 60; width: min(320px, 88vw); padding: 16px; overflow-y: auto; background: var(--bg); color: var(--ink);
  border-inline-start: 1px solid var(--accent-line); box-shadow: -8px 0 32px rgba(0, 0, 0, .18); }
html[dir="rtl"] .pv-panel { box-shadow: 8px 0 32px rgba(0, 0, 0, .18); }
.pv-panel[hidden], .pv-tab[hidden] { display: none; }
.pv-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-block-end: 12px; }
.pv-head h2 { margin: 0; font-size: 1.1rem; }
.pv-x, .pv-hear { min-width: 44px; min-height: 44px; border: 1px solid var(--accent-line); border-radius: 999px; background: var(--surface-2); color: var(--ink); cursor: pointer; font-size: 1.1rem; }
.pv-row { display: flex; align-items: center; gap: 8px; margin-block-end: 8px; }
.pv-pick { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-height: 44px; padding: 8px 14px; text-align: start; border: 1px solid var(--accent-line); border-radius: var(--r, 12px); background: var(--surface-2); color: var(--ink); cursor: pointer; font: inherit; }
.pv-pick small { color: var(--muted); }
.pv-row.on .pv-pick { background: var(--accent-soft); border-color: var(--accent); }
.pv-note { color: var(--muted); font-size: .85rem; margin-block-start: 12px; }
html.nv-intro-on .pv-tab, html.nv-intro-on .pv-panel, html.pw-on .pv-tab, html.pw-on .pv-panel { display: none; }