Lot U : « Autres versions » repliées dans le vote ; contrôles corrigés après le premier passage (état partagé, nom du titre en anglais, attente du chargement) ; le panier dit « simulé » ; CLAUDE.md (composants, panneau, 38 contrôles)

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

web/src/lib/components/VoteFold.svelte

@@ -58,6 +58,8 @@
   }
 
   let detail = $state<Detail | null>(null);
+  /** « Autres versions », folded until asked: the vote stays short. */
+  let othersOpen = $state(false);
   let busy = $state(false);
   let error = $state('');
   let root: HTMLElement | undefined = $state();
@@ -249,8 +251,12 @@
 
   <div class="more">
     {#if others.length}
-      <section class="others" aria-labelledby="others-{p.id}">
-        <h4 id="others-{p.id}">{t('vote.others')}</h4>
+      <button type="button" class="disclose" aria-expanded={othersOpen} aria-controls="others-{p.id}" onclick={() => (othersOpen = !othersOpen)}>
+        <span class="tri" aria-hidden="true"></span>{t('vote.others.count', { n: others.length })}
+      </button>
+    {/if}
+    {#if others.length && othersOpen}
+      <section class="others" id="others-{p.id}" aria-label={t('vote.others')}>
         <ul>
           {#each others as v (v.id)}
             <li>
@@ -331,10 +337,28 @@
     gap: 0.35rem;
     min-width: 0;
   }
-  .others h4 {
-    margin: 0;
+  .disclose {
+    justify-self: start;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.45rem;
+    min-height: 2.25rem;
+    padding: 0;
+    border: 0;
+    background: none;
+    color: var(--water);
+    font-weight: 750;
     font-size: 0.92rem;
-    font-weight: 800;
+  }
+  .tri {
+    width: 0;
+    height: 0;
+    border-block: 0.3rem solid transparent;
+    border-left: 0.45rem solid currentColor;
+    transition: transform 0.15s var(--ease);
+  }
+  .disclose[aria-expanded='true'] .tri {
+    transform: rotate(90deg);
   }
   .others ul {
     list-style: none;
@@ -496,5 +520,8 @@
     .dot {
       animation: none;
     }
+    .tri {
+      transition: none;
+    }
   }
 </style>