.header__actions { display: flex; align-items: center; justify-self: end; gap: 10px; }
.sound-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  min-width: 44px; height: 44px; padding: 0 12px; flex: none;
  border: 1px solid var(--line-strong); border-radius: 999px;
  color: var(--ink); background: transparent; font: inherit; font-size: 12px;
  cursor: pointer; transition: background-color .16s ease, border-color .16s ease;
}
.sound-btn:hover { background: var(--paper); border-color: var(--terra); }
.sound-btn:focus-visible { outline: 2px solid var(--terra); outline-offset: 4px; }
.sound-btn[aria-pressed="true"] { color: var(--terra); }
.sound-btn__waves { display: none; }
.sound-btn[aria-pressed="true"] .sound-btn__waves { display: inline; }
.sound-btn[aria-pressed="true"] .sound-btn__mute { display: none; }
@media (max-width: 1100px) {
  .sound-btn { width: 44px; padding: 0; }
  .sound-btn__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
@media (max-width: 920px) { .header__actions { gap: 8px; } }
@media (prefers-reduced-motion: reduce) { .sound-btn { transition: none; } }