From 85b2145bb0be8e128955c2682a884f70025e00cd Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Thu, 19 Feb 2026 19:08:38 +0100
Subject: [PATCH] Fix: HTML valide et styles expertise
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Expertise: items en <div> au lieu de <p> (évite les <p> imbriqués)
- Expertise: espacement entre les paragraphes internes via :global
- fonts.css: classe utilitaire .green

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 src/styles/fonts.css       | 4 ++++
 src/views/Expertise.svelte | 8 ++++++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/styles/fonts.css b/src/styles/fonts.css
index 99f82b6..f2401ae 100644
--- a/src/styles/fonts.css
+++ b/src/styles/fonts.css
@@ -58,3 +58,7 @@
 .font-face-danzza-bold {
   font-family: "Danzza Bold";
 }
+
+.green {
+  color: var(--color-primary);
+}
diff --git a/src/views/Expertise.svelte b/src/views/Expertise.svelte
index d52fb81..cb0c822 100644
--- a/src/views/Expertise.svelte
+++ b/src/views/Expertise.svelte
@@ -281,13 +281,13 @@
       style="transform: translateY({offsetY}px)"
     >
       {#each items as item, i}
-        <p
+        <div
           class="expertise-item"
           class:active={i === currentItem}
           bind:this={itemEls[i]}
         >
           {@html item.text}
-        </p>
+        </div>
       {/each}
     </div>
   </div>
@@ -298,6 +298,10 @@
     background-color: #000;
   }
 
+  :global(.expertise-item p) {
+    margin-bottom: 1rem;
+  }
+
   /* Full-grid video background */
   .expertise-bg {
     grid-area: 1/1 / span 20 / span 20;