/* Mobile readability defaults; keep the user's font scale control available. */
@media (max-width: 767px) {
  html:root {
    font-size: calc(112.5% * var(--app-font-scale, 1));
    --app-chat-font-size: 1rem;
    --app-chat-line-height: 1.65rem;
    --text-xs: 0.7777778rem;
  }

  html,
  body {
    touch-action: pan-x pan-y pinch-zoom;
  }

  input,
  textarea,
  [role="textbox"] {
    font-size: max(16px, 1rem) !important;
  }

  /* The stock composer squeezes the full English hint into one line at ~8px. */
  [data-testid="rich-composer-placeholder"] {
    font-size: max(16px, 1rem) !important;
    line-height: 1.5;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3rem;
  }

  [data-testid="rich-composer-input"] {
    min-height: 3rem;
  }

  .aui-md,
  .happy-chat-text {
    overflow-wrap: anywhere;
  }

  .app-scroll-y,
  .chat-scroll-y {
    touch-action: pan-y pinch-zoom;
  }
}