/* Telefon: pohodlné dotykové ovládání a prostor pro výřez displeje. */
body {
  min-width: 0;
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}
.player-bar {
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}
.phone-help { margin-top: 38px; padding: 24px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); }
.phone-help > p { margin-top: 12px; color: var(--muted); }
.phone-help details { margin-top: 14px; }
.phone-help summary { padding-block: 12px; cursor: pointer; font-weight: 650; color: var(--accent); }
.phone-help ol { padding-left: 24px; }
.phone-help li + li { margin-top: 8px; }
.phone-help .phone-small { font-size: .85rem; }
@media (max-width: 760px) {
  .nav-link { min-height: 44px; display: flex; justify-content: center; align-items: center; }
  .learning-toggle, .player-close, .study-filters button, .song-actions .button { min-height: 44px; }
  .song-detail-link, .song-text summary { display: inline-flex; align-items: center; min-height: 44px; }
  .catalog-field input, .catalog-field select, .account-form input { font-size: 16px; }
  .song-back { min-height: 44px; display: inline-flex; align-items: center; }
  .phone-help { padding: 22px; }
}