/* pilotage.css — Page Pilotage (UI_BASE_v2)
   Objectif : reprendre la MEP de l’Accueil (aérée, premium) sans éléments “kv/pastilles”.
*/

.hero-fold{padding-top:18px}
.hero-card{
  background:var(--card);
  border:1px solid var(--border);
  border-left:6px solid var(--green);
  border-radius:14px;
  padding:18px;
  margin:18px 0 12px;
}
.hero-card h1{
  color:var(--green);
  font-size:30px;
  line-height:1.15;
  margin:0 0 8px;
}
.hero-lead{color:var(--muted);margin:0 0 10px;font-size:15px}
.hero-boundary{color:var(--muted);margin:0 0 12px;font-size:13px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.btn.primary{background:var(--green);color:#fff;border:1px solid var(--green)}
.role-one-liner{margin:8px 0 14px;color:var(--muted);font-size:13px}
.jump-links{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}

.repere{
  margin-top:10px;
  color:var(--muted);
  font-size:13px;
}

@media (max-width:520px){
  .hero-card h1{font-size:24px}
  .hero-fold{padding-top:12px}
}