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

src/components/GlossaryRelationCards.astro

@@ -36,44 +36,45 @@ const relationsHeadingId = "relations-conceptuelles";
 
 <style>
   .glossary-relations{
-    margin-top: 26px;
-    padding-top: 18px;
+    margin-top: 22px;
+    padding-top: 14px;
     border-top: 1px solid rgba(127,127,127,0.18);
   }
 
   .glossary-relations h2{
-    margin-bottom: 14px;
+    margin: 0 0 12px;
+    font-size: clamp(1.35rem, 3vw, 1.8rem);
+    line-height: 1.08;
   }
 
   .glossary-relations-grid{
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
-    gap: 12px;
+    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+    gap: 10px;
   }
 
   .glossary-relations-card{
-    border: 1px solid rgba(127,127,127,0.22);
-    border-radius: 16px;
-    padding: 14px 16px;
+    border: 1px solid rgba(127,127,127,0.20);
+    border-radius: 14px;
+    padding: 12px 13px;
     background: rgba(127,127,127,0.05);
   }
 
   .glossary-relations-card h3{
-    margin-top: 0;
-    margin-bottom: 10px;
-    font-size: 15px;
-    line-height: 1.35;
+    margin: 0 0 8px;
+    font-size: 14px;
+    line-height: 1.3;
   }
 
   .glossary-relations-card ul{
     margin: 0;
-    padding-left: 18px;
+    padding-left: 16px;
   }
 
   .glossary-relations-card li{
-    margin-bottom: 8px;
-    font-size: 14px;
-    line-height: 1.45;
+    margin-bottom: 7px;
+    font-size: 13.5px;
+    line-height: 1.42;
   }
 
   .glossary-relations-card li:last-child{
@@ -81,7 +82,39 @@ const relationsHeadingId = "relations-conceptuelles";
   }
 
   .glossary-relations-card span{
-    opacity: .9;
+    opacity: .88;
+  }
+
+  @media (max-width: 760px){
+    .glossary-relations{
+      margin-top: 18px;
+      padding-top: 12px;
+    }
+
+    .glossary-relations h2{
+      margin-bottom: 10px;
+      font-size: 1.3rem;
+    }
+
+    .glossary-relations-grid{
+      grid-template-columns: 1fr;
+      gap: 8px;
+    }
+
+    .glossary-relations-card{
+      padding: 11px 11px;
+      border-radius: 13px;
+    }
+
+    .glossary-relations-card h3{
+      font-size: 13px;
+      margin-bottom: 7px;
+    }
+
+    .glossary-relations-card li{
+      font-size: 13px;
+      line-height: 1.38;
+    }
   }
 
   @media (prefers-color-scheme: dark){