feat : sélecteur de densité L/M/S sur la page liste (v1.6.7)

Boutons [L][M][S] dans la barre de recherche hero : pleine largeur (défaut),
980 px centré, 660 px compact. Préférence localStorage. Anti-FOUC inline dans layout.php.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

public/assets/css/style.css

@@ -1259,13 +1259,41 @@ footer.mt-5 { margin-top: 0 !important; }
     transition: background .2s;
 }
 .hero-search-btn:hover { background: var(--vl-accent-dark); }
-.hero-search-stats {
+.hero-search-footer {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: .75rem;
     margin-top: .8rem;
+}
+.hero-search-stats {
     font-size: .83rem;
     color: var(--vl-muted);
     letter-spacing: .01em;
+    margin: 0;
 }
 
+/* ─── Densité d'affichage L / M / S ──────── */
+body[data-density="m"] main { max-width: 980px; margin-left: auto; margin-right: auto; }
+body[data-density="s"] main { max-width: 660px; margin-left: auto; margin-right: auto; }
+
+.density-toggle { display: flex; gap: 2px; }
+.density-btn {
+    background: none;
+    border: 1px solid var(--vl-border);
+    border-radius: 4px;
+    color: var(--vl-muted);
+    cursor: pointer;
+    font-size: .68rem;
+    font-weight: 700;
+    letter-spacing: .06em;
+    line-height: 1;
+    padding: 3px 7px;
+    transition: background .15s, color .15s, border-color .15s;
+}
+.density-btn:hover { background: rgba(0,0,0,.05); color: var(--vl-text); border-color: var(--vl-muted); }
+.density-btn.active { background: var(--vl-text); border-color: var(--vl-text); color: var(--vl-bg); }
+
 /* ─── Page de recherche ───────────────────── */
 .search-page { max-width: 780px; margin: 0 auto; }