/* ui.css — UI_BASE_v3 (global) — objectif: homogénéité premium (Top 1%) */
/* Ne pas mettre de styles "page-specific" ici. */

:root{
  --radius-lg:14px;
  --radius-md:12px;
  --shadow-soft:0 2px 10px rgba(0,0,0,.06);
  --space-1:6px;
  --space-2:10px;
  --space-3:14px;
  --space-4:18px;
  --space-5:22px;
  --space-6:28px;
}

/* Layout rhythm */
main{display:block}
.section{padding:22px 0}
.section.tight{padding:14px 0}
.section + .section{padding-top:0}

.page-title{
  margin:18px 0 10px;
  color:var(--green);
  font-size:28px;
  font-weight:900;
  line-height:1.15;
}
.lead{color:var(--muted);font-size:15px;max-width:900px}

/* Hero “Accueil-like” */
.hero-fold{padding-top:18px}
.hero-card{
  background:var(--card);
  border:1px solid var(--border);
  border-left:6px solid var(--green);
  border-radius:var(--radius-lg);
  padding:18px;
  margin:18px 0 14px;
}
.hero-card h1{color:var(--green);font-size:32px;line-height:1.12;margin:0 0 8px;font-weight:900}
.hero-lead{color:var(--muted);font-size:15px;max-width:900px;margin-top:6px}
.hero-boundary{margin-top:10px;color:var(--muted);font-size:13px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}

/* Blocks (use .block when needed; does NOT override existing .card from base.css) */
.block{
  background:var(--card);
  border:1px solid var(--border);
  border-left:6px solid var(--green);
  border-radius:var(--radius-lg);
  padding:18px;
  margin:14px 0;
}
.block h2{
  color:var(--green);
  font-size:18px;
  margin:0 0 10px;
  font-weight:900;
}
.block p{margin:10px 0}
.block ul{margin:10px 0 0 18px}
.block li{margin:6px 0}

/* Repères — institutional */
.repere, .repere-line{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--border);
  color:var(--muted);
  font-size:13px;
}
.repere strong{color:var(--green)}

/* Pills / Tags (MEP “V1”) */
.pills{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 6px 0}
.pill{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:999px;
  font-size:12px;
  line-height:1;
  color:#2b2b2b;
  background:#fff;
}

/* IMPORTANT : ne plus désactiver kv/pills globalement (sinon MEP dégradée) */
/* .kv{display:none !important} */
/* .pills{display:none !important} */

.spacer-xl{height:18px}