body > header .header-actions { flex-wrap: wrap; min-width: 0; }
header:has(.ta-audio-controls) { height: auto !important; min-height: 56px; }
.ta-audio-controls { flex-shrink: 0; }
@media (max-width: 760px) {
  header:has(.ta-audio-controls) { flex-wrap: wrap; gap: 4px 10px; }
  body > header .header-actions { flex: 1 1 auto; justify-content: flex-end; }
  .ta-audio-controls { flex-basis: 100%; justify-content: flex-end; }
  .menu > .menu-photo {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    transform: none;
    animation-name: photo-arrive-phone;
  }
  .menu > .menu-photo img { max-width: 100%; }
}
@keyframes photo-arrive-phone {
  from { transform: translateY(18px) scale(.98); opacity: 0; }
  to { transform: translateY(0) scale(1); opacity: 1; }
}