/* Tela de estudo no celular: nenhum elemento administrativo pode cobrir o material. */
@media (max-width: 700px) {
  .feedback-fab,
  .academy-license-mark,
  .session-toast {
    display: none !important;
  }

  .modal-fretboard {
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }
}

/* Em paisagem, o aluno já escolheu a ferramenta: priorize o shape. */
@media (max-width: 920px) and (orientation: landscape) {
  .topbar,
  .app-nav,
  .growth-bar,
  .feedback-fab,
  .academy-license-mark,
  .session-toast {
    display: none !important;
  }

  main {
    padding: 10px 14px 18px;
  }

  #modesView.studies-view {
    padding-top: 10px;
  }

  #modesView .studies-hero,
  #modesView .modal-lab-head,
  #modesView .modal-controls,
  #modesView .modal-mode-tabs,
  #modesView .modal-study-tip,
  #modesView .modal-premium-preview {
    display: none;
  }

  #modesView .modal-lab {
    margin-top: 0;
    padding: 14px;
  }

  #modesView .modal-listening-area {
    margin: 0 0 10px;
  }

  #modesView .modal-summary span {
    font-size: 1.25rem;
  }

  #modesView .modal-scale-actions {
    gap: 6px;
  }

  #modesView .modal-scale-actions button {
    padding: 9px 12px;
  }

  #modesView .modal-fretboard {
    padding: 10px;
  }

  #modesView .modal-board {
    min-width: 0;
  }
}