Replie les blocs de série au catalogue, cycle par cycle

Le catalogue ne rangeait un livre que sous sa série directe : il n'y avait
qu'un seul niveau, donc rien à replier « à chaque niveau ». Le regroupement
devient un arbre — un cycle coiffe ses séries, comme sur /series — et chaque
nœud porte sa bascule.

Tout reste déplié par défaut ; un bloc replié annonce ce qu'il contient, et
l'état de repli appartient à l'écran, sans quoi une frappe dans la recherche
le perdrait.

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

MaBibli.Client/wwwroot/css/app.css

@@ -413,12 +413,39 @@ body {
     padding-left: 0.6rem;
 }
 
+/* La bascule et le nom sur une même ligne. ⚠️ « min-width: 0 » à chaque étage : la ligne est
+   elle-même dans une cascade de flex, et sans lui un titre de série long fait défiler la page
+   entière — le piège du lot M, puis de l'arbre des séries. */
+.groupe-serie-entete {
+    display: flex;
+    align-items: baseline;
+    gap: 0.4rem;
+    min-width: 0;
+}
+
+/* ⚠️ La bascule est un BOUTON à côté du lien, jamais dedans : un bouton imbriqué dans un <a>
+   n'est pas du HTML valide, et le clic irait à la série au lieu de replier. */
+.groupe-serie-plier {
+    flex: 0 0 1.5rem;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    height: 1.5rem;
+    padding: 0;
+    font-size: 0.9rem;
+    color: var(--mb-texte-doux);
+    background: transparent;
+    border: 0;
+    cursor: pointer;
+}
+
 /* Le nom mène à la série : c'est le seul endroit du catalogue qui montre aussi ce qui manque. */
 .groupe-serie-titre {
     display: flex;
     flex-wrap: wrap;
     align-items: baseline;
     gap: 0.4rem;
+    min-width: 0;
     padding: 0.35rem 0;
     color: var(--mb-texte);
     text-decoration: none;