identité 5 : la liste fermée des règles mesurées, appliquée à toutes les pages

Ordre IDENTITE-DA-5 (03/11 14h41, relayé par la session orch ; seuils confirmés par DA) :
- docs/da-oiseaux.md : « Règles mesurées (liste fermée) », règles a à i avec leurs seuils, telles
  que le contrôle les mesure (pixels peints, ligne de base), et la phrase juste sur l'acrobate ;
- UiOiseauPose : pose `bout`, une ancre sans taille dans le texte, sur sa ligne de base, pour un
  oiseau au bout (ou au début) d'un titre ;
- au bout de leur titre : trapéziste, clown, marionnettiste, DJ (/en-musique), droneuse, vigie,
  alchimiste, relieur, et l'oiseau de l'intitulé au téléphone ;
- authentification : le pompeur de Ğ1 perché sur la carte du projet (plus de colonne en marge) ;
- accueil : l'accordéoniste au bout du titre du format (plus de paire avec la lectrice, plus de
  trait sur le lien) ;
- soudeuse sur la ligne de base de son titre ; administrateur réseau et cartographe sortent par le
  côté de leur carte, pas par un coin.

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

app/pages/citoyenne/index.vue

@@ -3,13 +3,12 @@
     <div class="container-content">
       <header class="mb-12 text-center">
         <p class="relative mb-2 font-mono text-sm tracking-widest text-primary uppercase">
-          {{ content?.kicker }}
-          <!-- Phone: the title fills the width; the bird stands at the end of this line -->
-          <UiOiseauPose nom="vigie" pose="perche" right="-6px" bottom="0px" :w="72" retourne mobile-seul />
+          <!-- Phone: the title fills the width; the bird stands at the end of this line, on its baseline -->
+          {{ content?.kicker }}<UiOiseauPose nom="vigie" pose="perche" bout :w="72" retourne mobile-seul />
         </p>
         <h1 class="page-title relative font-display font-bold tracking-tight" style="color: hsl(var(--color-text))">
-          {{ content?.title }}
-          <UiOiseauPose nom="vigie" pose="perche" left="calc(66% - 48px)" bottom="-6px" :w="96" retourne :seuil="1200" />
+          <!-- At the end of the title, on its baseline (rule e, docs/da-oiseaux.md) -->
+          {{ content?.title }}<UiOiseauPose nom="vigie" pose="perche" bout left="16px" :w="96" retourne :seuil="1200" />
         </h1>
         <p class="mt-4 mx-auto max-w-2xl leading-relaxed" style="color: hsl(var(--color-text-muted))">
           {{ content?.description }}
@@ -48,7 +47,9 @@
         <!-- Tarifs de l'eau -->
         <div class="relative">
         <!-- 24 px between the two cards: no room above them for a perched bird (DA rule of 03/11) -->
-        <UiOiseauPose nom="cartographe" pose="derriere" left="calc(100% - 100px)" bottom="-70px" :w="220" />
+        <!-- Out by the side of the card, not by its corners: the card is a link (rule h); its feet
+             46 px above the card's bottom, where the captain stands on the other side (rule c) -->
+        <UiOiseauPose nom="cartographe" pose="derriere" left="calc(100% - 100px)" bottom="46px" :w="210" />
         <UiOiseauPose nom="capitaine" pose="marge-g" ecart="46px" :w="136" />
         <div class="item-card">
           <NuxtLink to="/citoyenne/tarifs-eau" class="item-overlay" aria-label="Tarifs de l'eau" tabindex="-1" />