/* ==========================================================================
   LePetitArrosoir — Archive de famille (taxonomy-famille.php)
   Nécessite lpa-core.css (tokens + .lpa-card + chips).
   ========================================================================== */
.lpa-archive{max-width:820px;margin:0 auto;padding:20px 18px 48px}

/* fil d'Ariane */
.lpa-archive .lpa-crumb{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--lpa-muted);margin-bottom:16px;flex-wrap:wrap}
.lpa-archive .lpa-crumb a{display:inline-flex;align-items:center;gap:5px;color:var(--lpa-brand);text-decoration:none;font-weight:600}

/* en-tête d'archive */
.lpa-archhead{display:flex;gap:14px;align-items:flex-start}
.lpa-archicon{flex:0 0 auto;width:52px;height:52px;border-radius:14px;display:grid;place-items:center}
.lpa-archicon.is-ok{background:var(--lpa-ok-bg);color:var(--lpa-ok)}
.lpa-archicon.is-warn{background:var(--lpa-warn-bg);color:var(--lpa-warn)}
.lpa-archicon.is-crit{background:var(--lpa-crit-bg);color:var(--lpa-crit)}
.lpa-archicon.is-brand{background:color-mix(in srgb,var(--lpa-brand) 14%,transparent);color:var(--lpa-brand)}
.lpa-archhead h1{font-size:clamp(26px,6.5vw,32px);font-weight:800}
.lpa-archsub{color:var(--lpa-muted);font-size:15px;margin:6px 0 0;max-width:52ch}
.lpa-archcount{font-size:13px;color:var(--lpa-muted);margin:8px 0 0;font-weight:600}

/* intro rédigée (description du terme) */
.lpa-archintro{margin-top:16px;font-size:15px;color:var(--lpa-fg)}
.lpa-archintro p{margin:0 0 .7em}
.lpa-archintro a{color:var(--lpa-brand);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--lpa-brand) 35%,transparent);text-underline-offset:2px;font-weight:600}
.lpa-archintro a:hover{text-decoration-color:currentColor}

/* grille de cartes */
.lpa-grid{margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr);gap:11px}
@media (min-width:720px){.lpa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* état vide */
.lpa-empty{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;
  color:var(--lpa-muted);background:var(--lpa-surface-2);border:1px dashed var(--lpa-line);border-radius:var(--lpa-r);padding:34px 18px}

/* pagination */
.lpa-pagination{margin-top:26px}
.lpa-pagination .nav-links{display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:center}
.lpa-pagination a,.lpa-pagination span{display:inline-flex;align-items:center;gap:5px;min-width:40px;justify-content:center;
  padding:9px 13px;border-radius:11px;border:1px solid var(--lpa-line);background:var(--lpa-surface);
  color:var(--lpa-fg);text-decoration:none;font-weight:600;font-size:14px}
.lpa-pagination .current{background:var(--lpa-brand);color:#fff;border-color:var(--lpa-brand)}
.lpa-pagination a:hover{border-color:color-mix(in srgb,var(--lpa-brand) 35%,var(--lpa-line))}