Synchronise les contenus glossaire et ajoute les scripts de conversion DOCX/MDX

src/components/GlossaryHomeSection.astro

@@ -43,22 +43,22 @@ const showCta = Boolean(ctaHref && ctaLabel);
 
 <style>
   .glossary-section{
-    margin-top: 42px;
-    scroll-margin-top: calc(var(--glossary-sticky-top) + 190px);
+    margin-top: 34px;
+    scroll-margin-top: calc(var(--glossary-sticky-top) + 150px);
   }
 
   .glossary-section__head{
     display: flex;
     justify-content: space-between;
     align-items: start;
-    gap: 16px;
+    gap: 14px;
     flex-wrap: wrap;
-    margin-bottom: 14px;
+    margin-bottom: 12px;
   }
 
   .glossary-section h2{
     margin: 0;
-    font-size: clamp(2rem, 3vw, 2.55rem);
+    font-size: clamp(1.8rem, 3vw, 2.55rem);
     line-height: 1.06;
     letter-spacing: -.03em;
     font-weight: 800;
@@ -67,23 +67,23 @@ const showCta = Boolean(ctaHref && ctaLabel);
   .glossary-intro{
     margin: 0;
     max-width: 72ch;
-    font-size: 1.05rem;
-    line-height: 1.55;
+    font-size: 1rem;
+    line-height: 1.52;
     opacity: .94;
   }
 
   .glossary-section__head .glossary-intro{
-    margin-top: 10px;
+    margin-top: 8px;
   }
 
   .glossary-cta{
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    min-height: 40px;
+    min-height: 38px;
     border: 1px solid var(--glossary-border-strong);
     border-radius: 999px;
-    padding: 7px 14px;
+    padding: 6px 13px;
     color: var(--glossary-accent);
     text-decoration: none;
     white-space: nowrap;
@@ -97,13 +97,37 @@ const showCta = Boolean(ctaHref && ctaLabel);
   }
 
   @media (max-width: 760px){
+    .glossary-section{
+      margin-top: 24px;
+      scroll-margin-top: calc(var(--glossary-sticky-top) + 110px);
+    }
+
     .glossary-section__head{
       flex-direction: column;
       align-items: stretch;
+      gap: 10px;
+      margin-bottom: 10px;
+    }
+
+    .glossary-section h2{
+      font-size: clamp(1.45rem, 6vw, 1.95rem);
+      line-height: 1.05;
+    }
+
+    .glossary-intro{
+      font-size: .95rem;
+      line-height: 1.42;
+    }
+
+    .glossary-section__head .glossary-intro{
+      margin-top: 6px;
     }
 
     .glossary-cta{
       width: fit-content;
+      min-height: 35px;
+      padding: 5px 12px;
+      font-size: .95rem;
     }
   }
 </style>