feat(glossaire): polish sticky entry flow and aside navigation

src/components/GlossaryAside.astro

@@ -272,7 +272,8 @@ const relationSections = [
   <section class="glossary-aside__block">
     <h2 class="glossary-aside__heading">Portails</h2>
     <ul class="glossary-aside__list">
-      <li><a href="/glossaire/">Index général</a></li>
+      <li><a href="/glossaire/">Accueil du glossaire</a></li>
+      <li><a href="/glossaire/index-complet/">Index complet</a></li>
       <li><a href="/glossaire/paradigme-archicratique/">Paradigme archicratique</a></li>
       <li><a href="/glossaire/archicrations/">Archicrations</a></li>
       <li><a href="/glossaire/paradigmes/">Paradigmes et doctrines</a></li>
@@ -363,47 +364,48 @@ const relationSections = [
   .glossary-aside__block{
     border: 1px solid rgba(127,127,127,0.22);
     border-radius: 16px;
-    padding: 12px;
+    padding: 14px;
     background: rgba(127,127,127,0.05);
   }
 
   .glossary-aside__block--intro{
-    padding-top: 11px;
-    padding-bottom: 11px;
+    padding-top: 13px;
+    padding-bottom: 13px;
   }
 
   .glossary-aside__back{
     display: inline-block;
-    margin-bottom: 8px;
-    font-size: 13px;
+    margin-bottom: 10px;
+    font-size: 14px;
     font-weight: 700;
+    line-height: 1.35;
     text-decoration: none;
   }
 
   .glossary-aside__title{
-    font-size: 14px;
+    font-size: 16px;
     font-weight: 800;
     letter-spacing: .2px;
-    line-height: 1.25;
+    line-height: 1.3;
   }
 
   .glossary-aside__pills{
     display: flex;
     flex-wrap: wrap;
-    gap: 6px;
-    margin-top: 8px;
+    gap: 7px;
+    margin-top: 10px;
   }
 
   .glossary-aside__pill{
     display: inline-flex;
     align-items: center;
-    padding: 4px 9px;
+    padding: 5px 10px;
     border: 1px solid rgba(127,127,127,0.24);
     border-radius: 999px;
     background: rgba(127,127,127,0.04);
-    font-size: 12px;
-    line-height: 1.3;
-    opacity: .9;
+    font-size: 13px;
+    line-height: 1.35;
+    opacity: .92;
   }
 
   .glossary-aside__pill--family{
@@ -412,17 +414,19 @@ const relationSections = [
   }
 
   .glossary-aside__heading{
-    margin: 0 0 10px;
-    font-size: 13px;
+    margin: 0 0 11px;
+    font-size: 14px;
     font-weight: 800;
-    opacity: .9;
+    line-height: 1.35;
+    opacity: .94;
   }
 
   .glossary-aside__subheading{
-    margin: 12px 0 8px;
-    font-size: 12px;
+    margin: 13px 0 8px;
+    font-size: 12.5px;
     font-weight: 800;
-    opacity: .8;
+    line-height: 1.35;
+    opacity: .82;
     text-transform: uppercase;
     letter-spacing: .04em;
   }
@@ -434,13 +438,13 @@ const relationSections = [
   }
 
   .glossary-aside__list li{
-    margin: 6px 0;
+    margin: 7px 0;
   }
 
   .glossary-aside__list a{
     text-decoration: none;
-    font-size: 13px;
-    line-height: 1.3;
+    font-size: 14px;
+    line-height: 1.4;
   }
 
   .glossary-aside__list a.is-active{

src/components/GlossaryHomeAside.astro

@@ -74,6 +74,7 @@ const metaRegimesCount = allEntries.filter((entry) => familyOf(entry) === "meta-
 
 const portalLinks = [
   { href: "/glossaire/concepts-fondamentaux/", label: "Concepts fondamentaux" },
+  { href: "/glossaire/index-complet/", label: "Index complet" },
   { href: "/glossaire/paradigme-archicratique/", label: "Paradigme archicratique" },
   { href: "/glossaire/scenes-archicratiques/", label: "Scènes archicratiques" },
   { href: "/glossaire/dynamiques-archicratiques/", label: "Dynamiques archicratiques" },
@@ -81,7 +82,6 @@ const portalLinks = [
   { href: "/glossaire/archicrations/", label: "Méta-régimes archicratiques" },
   { href: "/glossaire/paradigmes/", label: "Paradigmes et doctrines" },
   { href: "/glossaire/verbes-de-la-scene/", label: "Verbes de la scène" },
-  { href: "/glossaire/index-complet/", label: "Index complet" },
 ];
 ---
 
@@ -101,7 +101,6 @@ const portalLinks = [
     </div>
   </div>
 
-
   <section class="glossary-home-aside__block">
     <h2 class="glossary-home-aside__heading">Parcours du glossaire</h2>
     <ul class="glossary-home-aside__list">
@@ -133,53 +132,54 @@ const portalLinks = [
   .glossary-home-aside__block{
     border: 1px solid rgba(127,127,127,0.22);
     border-radius: 16px;
-    padding: 12px;
+    padding: 14px;
     background: rgba(127,127,127,0.05);
   }
 
   .glossary-home-aside__block--intro{
-    padding-top: 11px;
-    padding-bottom: 11px;
+    padding-top: 13px;
+    padding-bottom: 13px;
   }
 
   .glossary-home-aside__title{
-    font-size: 14px;
+    font-size: 16px;
     font-weight: 800;
     letter-spacing: .2px;
-    line-height: 1.25;
+    line-height: 1.3;
   }
 
   .glossary-home-aside__meta{
     margin-top: 8px;
-    font-size: 12px;
-    line-height: 1.35;
-    opacity: .78;
+    font-size: 13px;
+    line-height: 1.4;
+    opacity: .8;
   }
 
   .glossary-home-aside__pills{
     display: flex;
     flex-wrap: wrap;
-    gap: 6px;
-    margin-top: 10px;
+    gap: 7px;
+    margin-top: 11px;
   }
 
   .glossary-home-aside__pill{
     display: inline-flex;
     align-items: center;
-    padding: 4px 9px;
+    padding: 5px 10px;
     border: 1px solid rgba(127,127,127,0.24);
     border-radius: 999px;
     background: rgba(127,127,127,0.04);
-    font-size: 12px;
-    line-height: 1.3;
-    opacity: .9;
+    font-size: 13px;
+    line-height: 1.35;
+    opacity: .92;
   }
 
   .glossary-home-aside__heading{
-    margin: 0 0 10px;
-    font-size: 13px;
+    margin: 0 0 11px;
+    font-size: 14px;
     font-weight: 800;
-    opacity: .9;
+    line-height: 1.35;
+    opacity: .94;
   }
 
   .glossary-home-aside__list{
@@ -189,13 +189,13 @@ const portalLinks = [
   }
 
   .glossary-home-aside__list li{
-    margin: 6px 0;
+    margin: 7px 0;
   }
 
   .glossary-home-aside__list a{
     text-decoration: none;
-    font-size: 13px;
-    line-height: 1.3;
+    font-size: 14px;
+    line-height: 1.4;
   }
 
   @media (prefers-color-scheme: dark){