@media (width <= 520px) {
  html,
  body,
  .app-shell {
    max-width: 100%;
    overflow-x: clip;
  }

  .demo-offer {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    align-items: stretch;
  }

  .demo-offer > span {
    white-space: normal;
  }

  .demo-offer a {
    width: 100%;
    min-width: 0;
    justify-content: center;
    flex-wrap: wrap;
    white-space: normal;
    text-align: center;
  }

  .operation-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    box-sizing: border-box;
  }

  .operation-tabs > button {
    padding-inline: 3px;
  }

  .operation-sheet,
  .operation-tabs > button,
  .operation-form,
  .operation-form > *,
  .operation-form .field,
  .operation-form input,
  .operation-form select {
    min-width: 0;
    max-width: 100%;
  }

  .operation-sheet {
    width: 100%;
    box-sizing: border-box;
  }

  /* iOS увеличивает страницу при фокусе на полях меньше 16 px. */
  .operation-form input,
  .operation-form select,
  .join-workspace input,
  .editor-list input,
  .compact-field input {
    font-size: 16px;
  }

  .operation-form .money-input input {
    font-size: 22px;
  }
}