Desktop type scale: page titles 48px, section headings 32px, hero 64px, About copy 17px; keep certificate title out of the scale; v2.24.0

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "siteforge",
-  "version": "2.23.3",
+  "version": "2.24.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "siteforge",
-      "version": "2.23.3",
+      "version": "2.24.0",
       "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.3",
+  "version": "2.24.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/App.css

@@ -13761,7 +13761,7 @@ a.study-track-card:hover {
    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 {
+  #root > :not(.admin-shell) h1:not(.cert-title) {
     font-size: clamp(1.75rem, 8.5vw, 2rem);
     line-height: 1.15;
   }
@@ -13797,3 +13797,39 @@ a.study-track-card:hover {
     font-size: 0.6875rem;
   }
 }
+
+/* ── Desktop and tablet type scale ────────────────────────────────────────
+   Same idea as the phone scale: one size for page titles and one for section
+   headings, instead of each page choosing its own. The clamp() keeps tablets
+   in between. The home hero stays the one larger display headline. */
+@media (min-width: 601px) {
+  #root > :not(.admin-shell) h1:not(.cert-title) {
+    font-size: clamp(2rem, 4.2vw, 3rem);
+    line-height: 1.1;
+  }
+
+  #root > :not(.admin-shell) h1.hero-title {
+    font-size: clamp(2.5rem, 6vw, 4rem);
+  }
+
+  /* Lesson and account titles are a notch smaller (long lesson names, user names) */
+  #root > :not(.admin-shell) .study-classroom-main h1,
+  #root > :not(.admin-shell) .account-header-body h1 {
+    font-size: clamp(1.9rem, 3.4vw, 2.5rem);
+  }
+
+  #root > :not(.admin-shell) h2 {
+    font-size: clamp(1.6rem, 3vw, 2rem);
+    line-height: 1.2;
+  }
+
+  /* Step titles and sub-headings inside an article sit below section headings */
+  #root > :not(.admin-shell) h2.start-step-title,
+  #root > :not(.admin-shell) h2.episode-detail-section-heading {
+    font-size: clamp(1.4rem, 2.4vw, 1.625rem);
+  }
+
+  .about-inner p {
+    font-size: 1.0625rem;
+  }
+}