.filtre{margin-bottom:clamp(26px,3.4vw,40px)}

/* ---------- l'index des articles ---------- */
.index{border-top:1px solid var(--line)}
.index article{border-bottom:1px solid var(--line)}
.index article[hidden]{display:none}
.index a{
  display:grid;grid-template-columns:112px minmax(0,1fr);
  gap:clamp(16px,2.4vw,34px);align-items:baseline;
  padding:26px 0;text-decoration:none;color:inherit;
  transition:opacity .16s ease;
}
.index a:hover{opacity:.62}
.index a:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px}
.index .meta{display:flex;flex-direction:column;gap:7px}
.index .date{font-family:var(--mono);font-variant-numeric:tabular-nums;
  font-size:12px;letter-spacing:.06em;color:var(--muted)}
.index .theme{font-family:var(--mono);font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--accent-txt);font-weight:700}
.index h2{font-size:clamp(18px,2vw,22px);letter-spacing:-.02em;line-height:1.22}
.index p{margin-top:9px;font-size:14.5px;color:var(--muted);line-height:1.6;max-width:64ch}
.index .lire{display:inline-flex;align-items:center;gap:7px;margin-top:12px;
  font-size:13px;font-weight:700;color:var(--accent-txt)}

/* ---------- responsive ---------- */
@media (max-width:700px){
  .index a{grid-template-columns:minmax(0,1fr);gap:10px;padding:22px 0}
  .index .meta{flex-direction:row;align-items:baseline;gap:14px}
}