From 485324368f24ef5e9d2bdab9444f30ed0b6d81b2 Mon Sep 17 00:00:00 2001
From: Pontoporeia <pontoporeia@happyngreen.fr>
Date: Fri, 10 Jul 2026 13:08:42 +0200
Subject: [PATCH] content-page.css: smaller heading scale with explicit clamp
 values

Replace var(--step-5)/--step-3/--step-1 for h1/h2/h3 with explicit
clamp() values. New hierarchy: h1 ~2rem, h2 ~1.5rem, h3 ~1.2rem.
Also update .content-section-title to use direct clamp (was --step-3,
now matches h2). Mobile override swapped from --step-2 to explicit
clamp. Kept --step-0 for body text (consistent with site baseline).
---
 TODO.md                                |  1 +
 app/public/assets/css/content-page.css | 12 ++++++------
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/TODO.md b/TODO.md
index 9a2f599..cfb0c5c 100644
--- a/TODO.md
+++ b/TODO.md
@@ -44,6 +44,7 @@
 - [x] Extend admin auth cookie lifetime from session-only to 1 week (604800s)
 - [x] Close TOC (licence/charte/apropos) and Filtres (search.php) <details> by default on mobile
 - [x] Wider heading scale (h1/h2/h3) for apropos/licence/charte pages: step-5 / step-3 / step-1
+- [x] Reduce heading sizes in content-page.css, use explicit clamp() values instead of step-system vars, tighter hierarchy
 - [x] Masquer le bloc "Durée" sur la page TFE quand aucune durée n'est encodée (ni pages ni minutes)
 - [x] Fix: locked_year cleared on edit — edit dialog didn't populate the field, so any edit cleared the locked academic year
 - [x] Fix repertoire Années column: sort reverse chronological (newest first) instead of ascending alpha
diff --git a/app/public/assets/css/content-page.css b/app/public/assets/css/content-page.css
index 74196e4..9ea55db 100644
--- a/app/public/assets/css/content-page.css
+++ b/app/public/assets/css/content-page.css
@@ -157,10 +157,10 @@
   scroll-margin-top: var(--space-l);
 }
 
-/* Wider heading scale for content pages (apropo/licence/charte) */
-.page-content > article h1 { font-size: var(--step-5); }
-.page-content > article h2 { font-size: var(--step-3); }
-.page-content > article h3 { font-size: var(--step-1); }
+/* Content-page heading scale — smaller, distinct, no step-system dependency */
+.page-content > article h1 { font-size: clamp(1.7rem, 1.55rem + 0.68vw, 2.1rem); }
+.page-content > article h2 { font-size: clamp(1.35rem, 1.23rem + 0.55vw, 1.65rem); }
+.page-content > article h3 { font-size: clamp(1.1rem, 1.03rem + 0.34vw, 1.3rem); }
 
 /* Hide CommonMark heading permalink anchors */
 .heading-permalink {
@@ -173,7 +173,7 @@
 
 .content-section-title {
   font-family: var(--font-display);
-  font-size: var(--step-3);
+  font-size: clamp(1.35rem, 1.23rem + 0.55vw, 1.65rem);
   font-weight: 400;
   color: var(--text-primary);
   margin: 0 0 var(--space-m) 0;
@@ -265,7 +265,7 @@
   }
 
   .content-section-title {
-    font-size: var(--step-2);
+    font-size: clamp(1.2rem, 1.1rem + 0.45vw, 1.45rem);
   }
 
   .apropos-credit-row {