/* All phone rules, in one block. Check every page at 390px. */
@media (max-width: 760px) {
  header.top { padding: 0 16px; }
  .logo small { display: none; }
  .me .who { display: none; }
  .app { grid-template-columns: 1fr; }
  .nav { position: static; height: auto; flex-direction: row; overflow-x: auto; padding: 6px 12px;
         border-right: 0; border-bottom: 1px solid var(--line); gap: 4px; }
  .nl, .nav .grow { display: none; }
  .ni { white-space: nowrap; }
  .ni i, .ni em { display: none; }
  main { padding: 20px 16px 48px; }
  .two { grid-template-columns: 1fr; }
  .row { flex-wrap: wrap; }
  .list { overflow-x: auto; }
  .signin { margin-top: 5vh; }
  .layout { grid-template-columns: minmax(0, 1fr); }
  .toc { position: static; display: flex; gap: 12px; overflow-x: auto; max-height: none; }
  .toc a { border: 0; padding: 4px 0; white-space: nowrap; }
  .toc h4 { display: none; }
  .doc { padding: 18px; }
  .banner form.inline, .banner .btn { width: 100%; }
  .edit textarea { min-height: 320px; }
  .tablewrap table { min-width: 560px; }
  .searchbar { display: none; }
  .searchrow { display: block; padding: 10px 16px 0; }
  .info { grid-template-columns: 1fr; }
  .actions-top .btn, .filter .btn { flex: 1; }
  .filerow .btn { width: 100%; }
  .master { grid-template-columns: minmax(0, 1fr); }
  .master:not(.has-sel) .detail { display: none; }
  .master.has-sel .plist { display: none; }
  .back { display: inline-block; font-size: 14px; }
  .tablewrap table.matrix { min-width: 420px; }
  .reqlink { display: none; }
  .sub-nav { display: none; }
  .chips button.chip { min-height: 40px; padding: 0 14px; }
  .fields select, .fields input { min-height: 44px; }
  .chips a.chip, .chips .chip[href] { min-height: 40px; display: inline-flex; align-items: center; padding: 0 14px; }
  .tick { width: 40px; height: 40px; }
  .etable input { min-height: 40px; }
  .etable .x { min-height: 40px; min-width: 40px; }
  .search input, .searchrow input { min-height: 44px; }
}