/* sound.css — wilderbrain.com. SO os controles de som: .ex-sound (em todo exercicio), .ex-rain e
   .room-sound (/quiet/), .ex-ios (linha do iPhone). Mesma familia visual do .ex-dim (ruby.css). Tokens do ruby.css. */
.ex-sound,.ex-rain{background:transparent;border:1px solid var(--line2);color:var(--dim);cursor:pointer;
  font-family:var(--mono);font-size:var(--fs-min);letter-spacing:.06em;text-transform:uppercase;
  padding:10px 14px;min-height:44px}
.ex-sound:hover,.ex-rain:hover{border-color:var(--wine);color:var(--wine)}
.ex-sound[aria-pressed="true"],.ex-rain[aria-pressed="true"]{border-color:var(--wine);color:var(--wine);
  box-shadow:inset 0 -3px 0 var(--copper)}
.ex-ios{font-family:var(--mono);font-size:var(--fs-min);line-height:1.6;color:var(--dim);margin:-6px 0 14px}
.room-sound{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;
  max-width:min(92vw,560px);margin:0 auto 18px}
.ex-rain-vol{width:120px;accent-color:var(--wine);vertical-align:middle}
.exercise.is-dim .ex-sound{color:#E8CDD5;border-color:#E8CDD5}
.exercise.is-dim .ex-sound[aria-pressed="true"]{background:#E8CDD5;color:var(--wine-deep);box-shadow:none}
.exercise.is-dim .ex-ios{color:#E8CDD5}
@media print{.room-sound,.ex-ios{display:none!important}}