/* Secondary sample actions keep the approved play button and waveform primary. */
.audio-secondary-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;margin:0 0 12px;padding-left:65px;color:#52677f;font:400 12px/1.4 var(--sans,sans-serif)}
.audio-secondary-controls[hidden],.audio-fallback[hidden]{display:none}
.audio-skip-group{display:flex;align-items:center;gap:4px}
.audio-secondary-controls button{min-height:38px;min-width:54px;padding:7px 6px;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer;white-space:nowrap}
.audio-secondary-controls button:hover:not(:disabled){color:#0b2545;background:#edeae0}
.audio-secondary-controls button:disabled{opacity:.45;cursor:default}
.audio-speed-label{display:flex;align-items:center;gap:7px;white-space:nowrap}
.audio-speed-label select{width:71px;min-height:36px;padding:5px 6px;border:1px solid #cbd1d6;border-radius:4px;background:#f8f6f0;color:#0b2545;font:inherit;cursor:pointer}
.audio-secondary-controls button:focus-visible,.audio-speed-label select:focus-visible,.audio-fallback a:focus-visible{outline:2px solid #9a7220;outline-offset:3px}
.audio-fallback{margin:6px 0 12px;font:400 12px/1.5 var(--sans,sans-serif)}
.audio-fallback a{color:#0b2545;text-underline-offset:3px}
.audio-loading-status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.audio-loading-status[hidden]{display:none}
.listen-card>audio:not(.audio-enhanced){max-width:100%}
@media(max-width:1000px){.audio-secondary-controls{padding-left:55px;gap:4px 8px}}
@media(max-width:760px){.audio-secondary-controls{padding-left:0}}

/* A visible native thumb and track, with the whole waveform as a pointer target. */
.audio-wave-track{touch-action:pan-y;cursor:pointer;--audio-progress:0%}
.audio-wave-track svg{pointer-events:none}
.audio-wave-track .wave-base{opacity:.65}
.audio-wave-track input[type="range"]{appearance:none;-webkit-appearance:none;opacity:1;z-index:1;position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;touch-action:pan-y;box-shadow:none}
.audio-wave-track input[type="range"]::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:linear-gradient(to right,#b58b31 0 var(--audio-progress,0%),#ccd2da var(--audio-progress,0%) 100%)}
.audio-wave-track input[type="range"]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#b58b31;border:2px solid #f8f6f0;box-shadow:0 0 0 1px #9b762f;margin-top:-5px}
.audio-wave-track input[type="range"]::-moz-range-track{height:2px;border-radius:2px;background:#ccd2da}
.audio-wave-track input[type="range"]::-moz-range-progress{height:2px;border-radius:2px;background:#b58b31}
.audio-wave-track input[type="range"]::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:#b58b31;border:2px solid #f8f6f0;box-shadow:0 0 0 1px #9b762f}
.audio-wave-track:focus-within{outline:2px solid #9a7220;outline-offset:4px}
.audio-secondary-controls{font-size:12px;min-height:42px;margin-bottom:9px}
.audio-secondary-controls button{min-height:40px;min-width:61px;font-size:12px}
.audio-speed-label select{min-height:38px;font-size:12px}
@media(max-width:760px){.audio-secondary-controls button,.audio-speed-label select{min-height:44px}.audio-speed-label select{font-size:16px}.audio-wave-track input[type="range"]::-webkit-slider-thumb{width:15px;height:15px;margin-top:-6.5px}.audio-wave-track input[type="range"]::-moz-range-thumb{width:12px;height:12px}}