/* ==========================================================================
   Mantara V3 — Réalisations (index)
   ========================================================================== */

/* « Notre règle », à la place de la figure d'en-tête */
.rulebox { display: grid; gap: 12px; align-content: start; padding: 22px 24px 24px; background: var(--white); border: 1px solid var(--ink); box-shadow: var(--hard-shadow) var(--shadow-soft); }
.rulebox .label { display: flex; justify-content: space-between; gap: 12px; margin: 0; padding-bottom: 10px; border-bottom: 1px dashed var(--ink); color: var(--signal-ink); }
.rulebox p:last-child { margin: 0; font-size: 1.0625rem; line-height: 1.5; }

/* Filtres */
.filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: clamp(24px, 4vh, 40px); padding-bottom: 14px; border-bottom: 1px solid var(--ink); }
.filters > .label { margin-right: 8px; }
.filter { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; box-shadow: inset 0 0 0 1px var(--ink); font: 500 0.875rem var(--f-sans); transition: background-color 0.3s, color 0.3s; }
.filter small { font: 500 0.6875rem var(--f-mono); color: var(--ink-3); transition: color 0.3s; }
.filter:hover { background: var(--white); }
.filter[aria-pressed="true"] { background: var(--ink); color: var(--white); }
.filter[aria-pressed="true"] small { color: var(--glint); }
.filters__count { margin-left: auto; }

/* Filtres masqués tant qu'il n'y a qu'un seul groupe de fiches (Labo retiré le 16/10/2026) */
.filters [hidden] { display: none !important; }