/* Applied only to versioned Android web snapshots. */
@media (max-width: 720px) {
  html { scroll-padding-top: 12px; }
  body { font-size: 14px; overscroll-behavior-y: contain; }
  input, select, textarea { font-size: 16px !important; }
  .main-area { min-width: 0; padding: 12px !important; }
  .home-page .page-header { flex-direction: row; flex-wrap: nowrap; gap: 8px; padding-top: 0; margin-bottom: 12px; }
  .home-page .page-header .page-heading { flex: 0 0 auto; }
  .home-page .page-header .page-heading > div { display: none; }
  .home-page .page-header .header-actions { width: auto; margin-left: auto; }
  .project-modal, .modal { max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .modal-body { overflow-wrap: anywhere; }
  .evidence-grid { grid-template-columns: 1fr !important; }
  .attachment-row { gap: 10px; flex-wrap: wrap; }
  .btn, .snap-btn, .filter-select, .filter-input { min-height: 38px; }
  .profile-nav { display: none; }
  #subscriptionSection, #reportsSection, #overviewSection { scroll-margin-top: 12px; }
}