From 17722acc699aed12a0e0352a3c283b9461155313 Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Mon, 13 Jul 2026 19:29:17 +0200
Subject: [PATCH] Add global mobile-friendly CSS rules

---
 src/app/globals.css | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/app/globals.css b/src/app/globals.css
index fd630c57..9ce54fb9 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -109,6 +109,8 @@ html.dark .article-img {
 
 html {
   scroll-behavior: smooth;
+  -webkit-text-size-adjust: 100%;
+  text-size-adjust: 100%;
 }
 body {
   font-family: var(--font-family);
@@ -117,6 +119,23 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 
+/* Mobile-friendly improvements for every screen */
+button, a, input, select, textarea, summary, [role="button"], [role="menuitem"] {
+  touch-action: manipulation;
+}
+
+/* Momentum scrolling on iOS */
+* {
+  -webkit-overflow-scrolling: touch;
+}
+
+/* Prevent iOS zoom on input focus */
+@media (max-width: 48rem) {
+  input, select, textarea {
+    font-size: 16px;
+  }
+}
+
 /* Semantic colors: safe across every complete light/dark preset. */
 .theme-text-muted {
   color: var(--color-text-muted-readable);