design : accueil console seul, vrai §, curseurs animés, statuts, lecteur

- accueil : la console devient l'accueil unique (variantes B/C, sélecteur
  et ancien accueil retirés) ; curseurs qui montent de l'asservissement et
  dérivent seuls, un axe mis en avant à tour de rôle, arrêt au clic,
  immobiles en prefers-reduced-motion ; « AUTONOMIE » devant chaque axe,
  leviers mis en valeur, ligne des trois autonomies en couleurs
- logo : § de Playfair Display (SIL OFL) vectorisé, composant partagé
  UiSectionSign (en-tête, page événement) + favicon.svg
- UiStatusBadge (production / développement / gestation) sur l'accueil,
  les pages d'axe et les pages projet
- liens libreDecision / SejeteralO fixés sur la prod (plus de repli localhost)
- logiciel libre : bouton v1 dans la carte projet en tête de page
- couverture du livre : recadrage corrigé (BookSection)
- texte courant en Public Sans (zéros non barrés)
- lecteur : la pastille persistante ne masque plus la navigation du
  BookPlayer ; lecture directe du MP3 (les .ogg n'existent pas : 404)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

app/pages/numerique/index.vue

@@ -319,7 +319,7 @@
         <NuxtLink v-if="lpk" :to="lpk.to" class="lpk-card">
           <span class="lpk-name">{{ lpk.name }}</span>
           <span class="lpk-body">
-            <span class="lpk-full">{{ lpk.fullName }} — {{ lpk.text }}</span>
+            <span class="lpk-full">{{ lpk.text }}</span>
             <span class="lpk-role">{{ lpk.role }}</span>
           </span>
           <span class="i-lucide-arrow-right h-5 w-5 lpk-arrow" aria-hidden="true" />
@@ -342,10 +342,7 @@
               <h2 class="font-display text-xl font-bold" style="color: hsl(var(--color-text))">
                 {{ pillar.label }}
               </h2>
-              <span v-if="pillar.gestation" class="gestation-badge">
-                <div class="i-lucide-flask-conical h-3 w-3" />
-                En gestation
-              </span>
+              <UiStatusBadge class="ml-auto" :status="pillar.status" :gestation="pillar.gestation" :since="pillar.since" />
             </div>
 
             <p class="leading-relaxed whitespace-pre-line mt-3" style="color: hsl(var(--color-text-muted))">{{ pillar.text }}</p>
@@ -376,6 +373,7 @@
               <div :class="`i-lucide-${action.icon}`" class="h-3.5 w-3.5" />
               {{ action.label }}
             </a>
+            <span v-for="action in (pillar as any).actions.filter((a: any) => a.note)" :key="`n-${action.label}`" class="pillar-action-note">{{ action.note }}</span>
           </div>
         </div>
       </div>
@@ -439,6 +437,13 @@ useSeoPage({
   line-height: 1.45;
 }
 
+.pillar-action-note {
+  align-self: center;
+  font-family: var(--font-mono);
+  font-size: 0.7rem;
+  color: hsl(var(--axis-cit));
+}
+
 .lpk-arrow { color: hsl(var(--color-primary)); flex-shrink: 0; }
 
 @media (prefers-reduced-motion: reduce) {
@@ -520,6 +525,7 @@ useSeoPage({
 
 .pillar-header {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   gap: 0.75rem;
 }