/* La liste publique — même habillage que l'accueil. */
.tete-liste{max-width:1240px;margin:0 auto;padding:38px 24px 8px}
.tete-liste h1{font-family:var(--serif);font-size:clamp(28px,3.6vw,40px);font-weight:600;
  letter-spacing:-.018em;margin-bottom:6px}
.tete-liste .sur{color:var(--feuille)}
.tete-liste .dit{color:var(--plume)}

.filtres{max-width:1240px;margin:0 auto;padding:14px 24px 6px}
.ligne{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.etiq{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--voile);
  margin-right:6px;min-width:112px}
.puce{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:999px;
  border:1px solid var(--bord);background:var(--blanc);font-size:13.5px;font-weight:600;color:var(--plume)}
.puce b{font-size:11.5px;background:var(--creme);border-radius:999px;padding:1px 7px;color:var(--plume)}
.puce:hover{border-color:var(--feuille);color:var(--encre)}
.puce.on{background:var(--nuit);border-color:var(--nuit);color:#fff}
.puce.on b{background:rgba(255,255,255,.18);color:#fff}

.grille{max-width:1240px;margin:0 auto;padding:20px 24px 10px;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.fiche-carte{background:var(--blanc);border:1px solid var(--bord);border-radius:15px;overflow:hidden;
  display:flex;flex-direction:column;transition:box-shadow .18s}
.fiche-carte:hover{box-shadow:0 14px 32px rgba(15,60,35,.10)}
.fiche-carte .vue{display:block;height:158px;background:center/cover no-repeat}
.fiche-carte .dedans{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.fiche-carte .fil{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--terre);
  margin-bottom:8px}
.fiche-carte h2{font-family:var(--serif);font-size:21px;font-weight:600;line-height:1.16;margin-bottom:4px}
.fiche-carte h2 a:hover{color:var(--feuille)}
.fiche-carte .latin{font-style:italic;color:var(--terre);font-size:13.5px;margin-bottom:8px}
.fiche-carte .dit{font-size:14px;color:var(--plume);margin-bottom:10px}
.fiche-carte .noms{font-size:13px;color:var(--feuille);font-weight:600;margin-bottom:10px}
.fiche-carte .atteste{margin-top:auto;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--voile)}
.vide{grid-column:1/-1;text-align:center;color:var(--plume);padding:50px 0}

.pagination{max-width:1240px;margin:0 auto;padding:10px 24px 46px}
.pagination svg{width:16px;height:16px}

/* La pagination de la maison — le gabarit de Laravel dépend de Tailwind. */
.pages{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 0 4px}
.page{padding:9px 16px;border:1px solid var(--bord);border-radius:10px;background:#fff;
  font-size:13.5px;font-weight:600;color:var(--plume);text-decoration:none}
.page:hover{border-color:var(--feuille);color:var(--encre)}
.page.morte{opacity:.42;pointer-events:none}
.page-compte{font-size:12.5px;color:var(--voile)}


/* ── Accessibilite ──────────────────────────────────────────────────────── */
.saut-au-contenu{position:absolute;left:-9999px;top:0;z-index:100;background:#0B3B23;
  color:#fff;padding:12px 20px;border-radius:0 0 12px 0;font-size:15px;text-decoration:none}
.saut-au-contenu:focus{left:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #17A05C;outline-offset:2px;
  border-radius:4px}