Fix: HTML valide et styles expertise

- 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

@@ -58,3 +58,7 @@
 .font-face-danzza-bold {
   font-family: "Danzza Bold";
 }
+
+.green {
+  color: var(--color-primary);
+}

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;