Pages équipe + conclusion, colonnes de page libre, réglages couverture

- Page « équipe » : roster statique du collectif (composables/useTeam),
  portraits servis depuis public/portraits, grille ≤ 3 colonnes équilibrée
  (portrait/nom/rôle/présentation), sélection + surcharges par membre
  (repliables, réordonnables, réinitialisables) dans le composeur
- Page « conclusion » : « Merci ! » centré + rappel des contacts
- Page libre : 1 à 3 colonnes texte (markdown) ou images avec sous-titres,
  réordonnables ; migration des champs body/media legacy vers columns
- Couverture : texte libre sous l'intro, adresse en bas à gauche (3 lignes),
  case « afficher les années » au niveau du document
- Sommaire : items centrés (self-center), filet en points dégradés stable
- Retrait de la dépendance morte pagedjs
- Docs à jour (CLAUDE.md, README) ; spec marquée comme archive réalisée

components/templates/TocTemplate.vue

@@ -63,13 +63,25 @@ const gridStyle = computed(() => ({
           v-for="entry in entries"
           :key="`${entry.pageNumber}-${entry.title}`"
           :href="hrefFor(entry.pageNumber)"
-          class="flex items-baseline gap-3 text-current no-underline"
+          class="flex items-baseline gap-3 self-center text-current no-underline"
           :class="{ 'cursor-pointer': !isPrint }"
           @click="onEntryClick(entry.pageNumber, $event)"
         >
           <span :class="CATEGORY_TITLE_CLASS[entry.category ?? '']" :style="{ fontSize: `${layout.size}px`, lineHeight: '1.2' }">{{ entry.title }}</span>
           <span v-if="entry.subtitle" class="whitespace-nowrap opacity-70" :style="{ fontSize: `${layout.sub}px` }">{{ entry.subtitle }}</span>
-          <span class="flex-1 border-b border-dotted border-current opacity-40" />
+          <!-- Filet de conduite en points dégradés (une bordure `dotted` saute
+               au rendu mis à l'échelle : ici les points s'antialiasent). -->
+          <span
+            class="flex-1 opacity-40"
+            :style="{
+              alignSelf: 'baseline',
+              height: '4px',
+              backgroundImage: 'radial-gradient(circle at center, currentColor 1px, transparent 1.5px)',
+              backgroundSize: '6px 4px',
+              backgroundRepeat: 'repeat-x',
+              backgroundPosition: '0 100%',
+            }"
+          />
           <span class="tabular-nums opacity-80" :style="{ fontSize: `${layout.sub + 2}px` }">{{ entry.pageNumber }}</span>
         </a>
       </div>