/* ==========================================================================
   LePetitArrosoir — Accueil (front-page.php)
   Nécessite lpa-core.css (tokens, .lpa-card, formulaire de recherche, .lpa-plist / .lpa-fam).
   v1.2 — formulaire, titres de section, grilles et cartes famille déplacés dans lpa-core.css (partagés avec search.php).
   ========================================================================== */
.lpa-home{max-width:860px;margin:0 auto}

/* hero — couleurs fixes, indépendantes des tokens (qui s'inversent en sombre) : vert foncé + texte clair opaque.
   Contrastes mesurés au pire endroit (#1f7a43, bas du dégradé) : kicker 4.52, sous-titre 5.11 (AA). */
.lpa-hero{--lpa-hero-from:#0f3d22;--lpa-hero-to:#1f7a43;background:
    radial-gradient(130% 90% at 100% 0%, color-mix(in srgb,var(--lpa-hero-to) 22%,transparent), transparent 60%),
    linear-gradient(170deg,var(--lpa-hero-from),var(--lpa-hero-to));
  color:#eafff0;border-radius:0 0 26px 26px;padding:28px 0 30px}
.lpa-hero-in{max-width:860px;margin:0 auto;padding:0 18px}
.lpa-eyebrow{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  font-weight:700;color:#d9f2e0}
.lpa-hero h1{font-size:clamp(30px,8vw,40px);font-weight:800;margin:14px 0 8px;color:#eafff0}
.lpa-hero h1 em{font-style:normal;background:linear-gradient(120deg,#ff9b5e,#ffc29a);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lpa-hero-sub{margin:0;color:#eafff0;font-size:15px;max-width:46ch}
.lpa-hero .lpa-searchrow{margin-top:18px}
.lpa-hero .lpa-search-go:focus-visible{outline-color:#fff}

/* corps */
.lpa-home-body{max-width:860px;margin:0 auto;padding:0 18px 48px}

/* stats */
.lpa-stats{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;margin-top:18px;
  background:var(--lpa-line);border:1px solid var(--lpa-line);border-radius:14px;overflow:hidden}
.lpa-stat{background:var(--lpa-surface);padding:13px 6px;text-align:center}
.lpa-stat b{font-family:var(--lpa-f-display);font-size:20px;font-weight:800;display:block;color:var(--lpa-brand);font-variant-numeric:tabular-nums}
.lpa-stat span{font-size:11px;color:var(--lpa-muted)}