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

src/components/GlossaryCardGrid.astro

@@ -32,16 +32,16 @@ const {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
     gap: 12px;
-    margin-top: 14px;
+    margin-top: 12px;
   }
 
   .glossary-card{
     display: flex;
     flex-direction: column;
-    gap: 8px;
-    padding: 14px 16px;
+    gap: 7px;
+    padding: 13px 14px;
     border: 1px solid var(--glossary-border);
-    border-radius: 18px;
+    border-radius: 16px;
     background: var(--glossary-bg-soft);
     text-decoration: none;
     transition: transform 120ms ease, background 120ms ease, border-color 120ms ease;
@@ -60,17 +60,44 @@ const {
 
   .glossary-card strong{
     color: var(--glossary-accent);
-    font-size: 1.04rem;
-    line-height: 1.28;
+    font-size: 1.02rem;
+    line-height: 1.24;
   }
 
   .glossary-card span{
     color: inherit;
-    font-size: 1rem;
-    line-height: 1.5;
+    font-size: .98rem;
+    line-height: 1.46;
     opacity: .94;
   }
 
+  @media (max-width: 760px){
+    .glossary-cards{
+      grid-template-columns: 1fr;
+      gap: 10px;
+      margin-top: 10px;
+    }
+
+    .glossary-card{
+      gap: 6px;
+      padding: 12px 12px;
+      border-radius: 14px;
+    }
+
+    .glossary-card strong{
+      font-size: .98rem;
+    }
+
+    .glossary-card span{
+      font-size: .94rem;
+      line-height: 1.42;
+    }
+
+    .glossary-card--wide{
+      grid-column: auto;
+    }
+  }
+
   @media (prefers-color-scheme: dark){
     .glossary-card{
       background: rgba(255,255,255,0.04);