From a6dfa30f7196f8f9c423810c5370c34326daa125 Mon Sep 17 00:00:00 2001
From: Bendik Aagaard Lynghaug <bendik.lynghaug@gmail.com>
Date: Thu, 6 Aug 2026 15:28:32 +0200
Subject: [PATCH] Responsive base font size via svmin, not fixed 17px

Scales with viewport instead of capping at a fixed px value.
svmin (small-viewport min) rather than plain vmin - plain viewport
units recalculate as mobile Safari's address bar hides/shows on
scroll, which would reflow every text size mid-scroll; svmin stays
pinned to the smallest viewport state, matching the stability
.hero-yes already gets from 100svh.
---
 style/main.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/style/main.css b/style/main.css
index 4bc3c83..1596562 100644
--- a/style/main.css
+++ b/style/main.css
@@ -45,6 +45,17 @@
   --sans: -apple-system, "SF Pro Text", ui-sans-serif, "Segoe UI", system-ui, sans-serif;
 
   --radius: 1.1rem;
+
+  /* responsive base size: scales with viewport (2.1svmin) on top of a
+     fixed floor (3pt) so it keeps growing on large/wide screens
+     instead of capping at a fixed px value like the old 17px did;
+     max(12px, ...) keeps it from shrinking below legible on tiny
+     viewports. svmin (small-viewport min), not plain vmin - plain vh
+     -based units recalculate as mobile Safari's address bar
+     hides/shows on scroll, which would reflow every text size on the
+     page mid-scroll; svmin stays fixed to the smallest viewport state,
+     same stability .hero-yes already gets from 100svh below. */
+  font-size: max(12px, calc(2.1svmin + 3pt));
 }
 
 * { box-sizing: border-box; }
@@ -55,7 +66,6 @@ html, body {
   background: var(--paper);
   color: var(--ink);
   font-family: var(--sans);
-  font-size: 17px;
   line-height: 1.55;
 }