/* A native range keeps keyboard, touch, and assistive-technology controls. */
.voice-volume-control{display:grid;grid-template-columns:auto minmax(48px,1fr) 3.4ch;align-items:center;gap:6px;flex:0 0 auto;width:158px;min-height:34px;margin:0;padding:3px 9px;border:1px solid #ced9bf;border-radius:40px;background:#f2f5e7;color:#36583b;font-size:10px;font-weight:700;line-height:1}
.voice-volume-control input[type="range"]{display:block;min-width:0;width:100%;height:26px;margin:0;padding:0;border:0;border-radius:0;background:transparent;accent-color:#36583b;cursor:pointer}
.voice-volume-control input[type="range"]:focus-visible{outline:2px solid #9b660b;outline-offset:3px;border-radius:8px}
.voice-volume-control output{min-width:0;text-align:right;font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:1000px){.voice-volume-control{width:144px;gap:5px;padding-inline:7px;font-size:9px}}
@media(max-width:700px){.voice-volume-control{width:136px;min-height:32px;padding-block:2px;gap:4px}}
@media(max-height:500px) and (orientation:landscape){.voice-volume-control{width:136px;min-height:30px;padding-block:1px;font-size:9px}}