From 99d8b23567af91ce5755a2d9839c58a3ada9544e Mon Sep 17 00:00:00 2001
From: nmemmert <nmemmert@users.noreply.github.com>
Date: Mon, 12 Oct 2026 14:46:39 -0400
Subject: [PATCH] Mobile: one type scale across public pages (h1 32px, hero
 40px, h2 24px, nothing under 12px, About copy 17px); v2.23.3

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 package-lock.json |  4 ++--
 package.json      |  2 +-
 src/App.css       | 42 ++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 45 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 8e49a05..38178aa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "siteforge",
-  "version": "2.23.2",
+  "version": "2.23.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "siteforge",
-      "version": "2.23.2",
+      "version": "2.23.3",
       "dependencies": {
         "@aws-sdk/client-s3": "^3.1135.0",
         "@dnd-kit/core": "^6.3.1",
diff --git a/package.json b/package.json
index 8667785..5fef4be 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "siteforge",
   "private": true,
-  "version": "2.23.2",
+  "version": "2.23.3",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src/App.css b/src/App.css
index 4bb7c9b..3078038 100644
--- a/src/App.css
+++ b/src/App.css
@@ -13755,3 +13755,45 @@ a.study-track-card:hover {
     border-bottom: 1px solid rgba(201, 168, 76, 0.08);
   }
 }
+
+/* ── Phone type scale ─────────────────────────────────────────────────────
+   Public pages only (the admin lives in .admin-shell). Page titles, section
+   headings and small text were each sized differently page by page; on phones
+   they now share one scale. The vw terms keep it proportional on narrow phones. */
+@media (max-width: 600px) {
+  #root > :not(.admin-shell) h1 {
+    font-size: clamp(1.75rem, 8.5vw, 2rem);
+    line-height: 1.15;
+  }
+
+  #root > :not(.admin-shell) h1.hero-title {
+    font-size: clamp(2.1rem, 10.7vw, 2.5rem);
+  }
+
+  #root > :not(.admin-shell) h2 {
+    font-size: clamp(1.4rem, 6.5vw, 1.6rem);
+    line-height: 1.2;
+  }
+
+  /* About copy was set larger than body text everywhere else */
+  .about-inner p {
+    font-size: 1.0625rem;
+  }
+
+  /* Nothing readable below 12px */
+  .study-module-lesson,
+  .study-section-reference,
+  .lesson-badge,
+  .latest-episode-player__spotify-link,
+  .latest-episode-player__times span,
+  .episode-audio-player__show-name,
+  .episode-audio-player__times span,
+  .scripture-source-kind,
+  .featured-badge {
+    font-size: 0.75rem;
+  }
+
+  .latest-episode-player__skip span {
+    font-size: 0.6875rem;
+  }
+}