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

@@ -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",

package.json

@@ -1,7 +1,7 @@
 {
   "name": "siteforge",
   "private": true,
-  "version": "2.23.2",
+  "version": "2.23.3",
   "type": "module",
   "scripts": {
     "dev": "vite",

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;
+  }
+}