/* index.css — above-the-fold recentrage (UI_BASE_v2) */
.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}
@media (max-width:520px){
  .hero-card h1{font-size:24px}
  .hero-fold{padding-top:12px}
}

/* Parcours — texte à gauche, badge aligné à droite (définitif) */
.parcours-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  border-top:1px solid #eee;
}

.parcours-text{
  flex:1 1 auto;
  min-width:0;
  padding-right:8px;
}

.parcours-badge{
  flex:0 0 auto;
  white-space:nowrap;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
}

/* Mobile : retour propre à la ligne si besoin */
@media (max-width:520px){
  .parcours-row{flex-wrap:wrap}
  .parcours-badge{margin-top:6px}
}