/* R54: preserve useful identity text and five equal navigation targets at 320px. */
@media (max-width: 360px) {
  #view-settings .settings-overview .settings-profile {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 10px 14px;
  }

  #view-settings .settings-overview .settings-profile__identity {
    grid-column: 1 / -1;
    width: 100%;
  }

  #view-settings .settings-overview .settings-profile__body {
    flex: 1;
  }

  #view-settings .settings-overview .settings-profile__body strong {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  #view-settings .settings-overview .vf-profile-edit {
    grid-column: 2;
    justify-self: start;
    max-width: 100%;
    margin-left: 0;
  }

  /* At 320px, removing ornamental gutters yields five 64px cells. The
     existing 11px labels fit while physical safe-area insets still apply. */
  #app #bottomnav {
    gap: 0;
    padding-left: env(safe-area-inset-left, 0px);
    padding-right: env(safe-area-inset-right, 0px);
  }
}