/* Audio controls live in personal settings; the rest of the site stays uncluttered. */
.st-sound-settings-section .st-sound-volume-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  min-width: 0;
}
.st-sound-settings-section .st-sound-volume-controls label { display: flex; min-width: 0; }
.st-sound-settings-section input[type="range"] {
  display: block;
  width: clamp(110px, 16vw, 190px);
  min-height: 32px;
  margin: 0;
  padding: 0;
  accent-color: var(--success, #609f50);
  cursor: pointer;
}
.st-sound-settings-section output {
  min-width: 3.4em;
  color: var(--text-soft, #687162);
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-size: 13px;
}
.st-sound-settings-section .st-sound-volume-controls button { white-space: nowrap; }
.st-sound-settings-section input:disabled,
.st-sound-settings-section button:disabled { cursor: default; opacity: .5; }
.st-sound-settings-section input:focus-visible { outline: 2px solid var(--success, #609f50); outline-offset: 4px; }
.st-sound-settings-section .st-sound-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
@media (max-width: 640px) {
  .st-sound-settings-section .st-sound-volume-row { flex-direction: column; align-items: stretch; gap: 12px; }
  .st-sound-settings-section .st-sound-volume-controls { justify-content: flex-start; }
  .st-sound-settings-section .st-sound-volume-controls label { flex: 1; }
  .st-sound-settings-section input[type="range"] { width: 100%; }
}