From 5ce431d055aad642d00be65f07e4d46cf355d67f Mon Sep 17 00:00:00 2001
From: Jules Neny <transformationsresilientes@gmail.com>
Date: Fri, 2 Oct 2026 17:05:40 +0200
Subject: [PATCH] =?UTF-8?q?fix(nav):=20fil=20d'=C3=A9chelle=20du=20groupe?=
 =?UTF-8?q?=20M=20repli=C3=A9=20sur=20sa=20pastille=20sous=20400=20px?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Mesuré : 387 px dans 360 (Codev hors écran, sans indice de défilement).
Accroche gardée pour les lecteurs d'écran. Passe /autofeedback de B10.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EBu7CSLy7PJgL4HJaV5oHP
---
 components/FilEchelle.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/components/FilEchelle.vue b/components/FilEchelle.vue
index 34d98ef..02c20be 100644
--- a/components/FilEchelle.vue
+++ b/components/FilEchelle.vue
@@ -7,7 +7,7 @@
   de / perd ces 28 px à vue, jamais en dessous de la ligne de flottaison.
 -->
 <template>
-  <nav v-if="courant" class="fil-echelle" aria-label="Échelle courante">
+  <nav v-if="courant" class="fil-echelle" :class="{ 'fil-echelle--long': voisins.length > 1 }" aria-label="Échelle courante">
     <span class="fil-echelle__pastille">{{ courant.echelle }}</span>
     <span class="fil-echelle__titre">{{ ECHELLES[courant.echelle].titre }}</span>
     <span class="fil-echelle__sep" aria-hidden="true">·</span>
@@ -76,6 +76,21 @@ const voisins = computed(() =>
   outline-offset: 1px;
 }
 
+/* Groupe à trois onglets (M) sous 400 px : l'accroche se replie sur sa pastille
+   (lue quand même par les lecteurs d'écran), sinon « Codev » sort de l'écran. */
+@media (max-width: 399px) {
+  .fil-echelle--long .fil-echelle__titre {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+  }
+  .fil-echelle--long .fil-echelle__titre + .fil-echelle__sep {
+    display: none;
+  }
+}
+
 @media (min-width: 768px) {
   .fil-echelle {
     display: none;