/* Odhikar News Article Voice — all selectors are prefixed with .onv- to avoid clashes (e.g. with Odhikar News Photocard). */
.onv-box{--onv-accent:#b3121b;box-sizing:border-box;display:inline-block;vertical-align:middle;margin:0 8px 14px 0;max-width:100%;font-family:inherit;line-height:1.4}
.onv-box *{box-sizing:border-box}
.onv-box[data-state="active"]{display:block;margin-right:0}
.onv-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.onv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 18px;margin:0;border:1.5px solid var(--onv-accent);border-radius:4px;background:#fff;color:var(--onv-accent);font:inherit;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s,color .15s}
.onv-btn:hover{background:var(--onv-accent);color:#fff}
.onv-btn:focus-visible,.onv-toggle:focus-visible,.onv-stop:focus-visible,.onv-speed:focus-visible,.onv-seek:focus-visible{outline:3px solid #1a73e8;outline-offset:2px}
.onv-btn .onv-ico{flex:0 0 auto}
.onv-spinner{display:none;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:onv-spin .8s linear infinite}
.onv-box[data-state="loading"] .onv-spinner{display:inline-block}
.onv-box[data-state="loading"] .onv-ico{display:none}
.onv-box[data-state="loading"] .onv-btn{cursor:progress;background:#fff;color:var(--onv-accent);opacity:.9}
.onv-status{font-size:14px;color:#555}
.onv-box[data-state="error"] .onv-status{color:#b3121b}
.onv-box[data-state="active"] .onv-bar{display:none}
.onv-box[data-state="active"][data-noplayer="1"] .onv-bar{display:flex}
.onv-box[data-state="active"][data-noplayer="1"] .onv-status{display:none}

.onv-player{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f6f6f6;border:1px solid #e2e2e2;border-left:3px solid var(--onv-accent);border-radius:4px;width:100%}
.onv-player[hidden]{display:none}
.onv-toggle,.onv-stop{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:38px;height:38px;padding:0;margin:0;border-radius:50%;border:0;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}
.onv-toggle{background:var(--onv-accent);color:#fff}
.onv-stop{background:#e4e4e4;color:#333;width:32px;height:32px}
.onv-toggle:hover{filter:brightness(.92)}
.onv-stop:hover{background:#d5d5d5}
.onv-box[data-playing="1"] .onv-ico-play{display:none}
.onv-box[data-playing="0"] .onv-ico-pause{display:none}
.onv-time{flex:0 0 auto;min-width:36px;font-size:13px;color:#444;font-variant-numeric:tabular-nums;text-align:center}
.onv-seek{flex:1 1 auto;min-width:60px;height:24px;margin:0;accent-color:var(--onv-accent);cursor:pointer}
.onv-speed-wrap{flex:0 0 auto;display:inline-flex;align-items:center;margin:0}
.onv-speed{min-height:32px;padding:2px 6px;border:1px solid #cfcfcf;border-radius:4px;background:#fff;color:#222;font:inherit;font-size:14px}
.onv-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.onv-box[data-mode="browser"] .onv-seek,.onv-box[data-mode="browser"] .onv-time{display:none}
.onv-box[data-mode="browser"] .onv-player{width:auto;display:inline-flex}

@keyframes onv-spin{to{transform:rotate(360deg)}}
@media (max-width:520px){
	.onv-btn{min-height:44px;font-size:16px}
	.onv-player{flex-wrap:wrap;gap:8px;padding:8px 10px}
	.onv-seek{order:5;flex:1 1 100%;min-width:100%}
	.onv-cur{order:3;margin-left:auto}
	.onv-dur{order:6;display:none}
	.onv-speed-wrap{order:4}
	.onv-box[data-mode="browser"] .onv-player{width:100%}
}
@media (prefers-reduced-motion:reduce){.onv-spinner{animation-duration:2s}.onv-btn{transition:none}}