From a8830a4f3459d918a5ae5a03f9a20943cec4de10 Mon Sep 17 00:00:00 2001
From: Florian <florian@nocleus.com>
Date: Wed, 27 May 2026 02:15:32 +0200
Subject: [PATCH] fix(layout): contraindre la largeur des pages prose
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

container-tight (max-w-5xl, @layer components) était écrasé par max-w-none
(@layer utilities) sur le même <section>, faisant déborder le contenu sur
toute la largeur. Sépare le wrapper container-tight de la zone prose.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/pages/a-propos.astro                   | 4 +++-
 src/pages/conseils/registre-canicule.astro | 4 +++-
 src/pages/mentions-legales.astro           | 4 +++-
 src/pages/soutenir.astro                   | 4 +++-
 4 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/pages/a-propos.astro b/src/pages/a-propos.astro
index bfc9102..2319f55 100644
--- a/src/pages/a-propos.astro
+++ b/src/pages/a-propos.astro
@@ -17,7 +17,8 @@ export const prerender = false;
     </div>
   </section>
 
-  <section class="container-tight py-8 prose prose-slate max-w-none">
+  <section class="container-tight py-8">
+    <div class="prose prose-slate max-w-none">
     <h2>Pourquoi ce site ?</h2>
     <p>
       Les épisodes de canicule, d'orages violents ou de fortes pluies tuent des dizaines de personnes
@@ -87,5 +88,6 @@ export const prerender = false;
       Mail : <a href="mailto:florian@nocleus.com">florian@nocleus.com</a> — pour toute question,
       remarque ou correction (typo, erreur dans un conseil, donnée incohérente).
     </p>
+    </div>
   </section>
 </Base>
diff --git a/src/pages/conseils/registre-canicule.astro b/src/pages/conseils/registre-canicule.astro
index d30f08d..dfb9436 100644
--- a/src/pages/conseils/registre-canicule.astro
+++ b/src/pages/conseils/registre-canicule.astro
@@ -19,7 +19,8 @@ export const prerender = false;
     </div>
   </section>
 
-  <section class="container-tight py-8 prose prose-slate max-w-none">
+  <section class="container-tight py-8">
+    <div class="prose prose-slate max-w-none">
     <h2>À qui ça s'adresse</h2>
     <p>Le registre nominatif communal est ouvert à toute personne qui le souhaite, mais il est
       particulièrement utile pour :</p>
@@ -104,5 +105,6 @@ export const prerender = false;
         </a>
       </li>
     </ul>
+    </div>
   </section>
 </Base>
diff --git a/src/pages/mentions-legales.astro b/src/pages/mentions-legales.astro
index 24d099e..0f8c38e 100644
--- a/src/pages/mentions-legales.astro
+++ b/src/pages/mentions-legales.astro
@@ -15,7 +15,8 @@ export const prerender = false;
     </div>
   </section>
 
-  <section class="container-tight py-8 prose prose-slate max-w-none">
+  <section class="container-tight py-8">
+    <div class="prose prose-slate max-w-none">
     <h2>Éditeur du site</h2>
     <p>
       Site édité <strong>à titre personnel, sans but lucratif</strong>, par :
@@ -116,5 +117,6 @@ export const prerender = false;
       l'<a href="https://portail-api.meteofrance.fr/web/fr/api/DonneesPubliquesVigilance" rel="noopener">API officielle Météo France</a>
       (gratuite après inscription).
     </p>
+    </div>
   </section>
 </Base>
diff --git a/src/pages/soutenir.astro b/src/pages/soutenir.astro
index 87a117a..be97c93 100644
--- a/src/pages/soutenir.astro
+++ b/src/pages/soutenir.astro
@@ -59,7 +59,8 @@ const goalPercent = Math.min(100, Math.round((goalRaised / goalTarget) * 100));
     </div>
   </section>
 
-  <section class="container-tight py-8 prose prose-slate max-w-none">
+  <section class="container-tight py-8">
+    <div class="prose prose-slate max-w-none">
     <h2>Don libre via Ko-fi</h2>
     <p>
       Le moyen le plus simple : un don libre, sans inscription, par carte bancaire ou PayPal, via
@@ -106,5 +107,6 @@ const goalPercent = Math.min(100, Math.round((goalRaised / goalTarget) * 100));
       Pour les questions juridiques (mention de l'éditeur, statut), voir les
       <a href="/mentions-legales">mentions légales</a>.
     </p>
+    </div>
   </section>
 </Base>