/* votre-projet.css — Page Votre projet (UI_BASE_v3) */
/* Compatible base + header + ui. */

.vp-section{padding:0 0 18px;}

.vp-links{
  margin-top:10px;
  font-size:13px;
  color:var(--muted);
}
.vp-links a{
  color:var(--green);
  font-weight:700;
  text-decoration:none;
}
.vp-links span{margin:0 8px;color:var(--muted);}

/* Steps */
.steps{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:12px;
}
.step{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:12px 12px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--card);
}
.step-n{
  width:28px;height:28px;
  border-radius:999px;
  background:rgba(7,87,0,0.10);
  border:1px solid rgba(7,87,0,0.25);
  color:var(--green);
  display:flex;align-items:center;justify-content:center;
  font-weight:900;
  flex:0 0 auto;
}
.step-t{color:var(--muted);font-size:14px;line-height:1.45;}
.step-t strong{color:#1f1f1f}

.vp-cta{margin-top:12px;}

@media (min-width: 900px){
  .steps{grid-template-columns:1fr 1fr;}
}