/* approche.css — page Comprendre l’approche (UI_BASE_v2) */
.page-title{
  margin:18px 0 10px;
  color:var(--green);
  font-size:26px;
  font-weight:900;
  line-height:1.15;
}
.lead{
  color:var(--muted);
  margin:0 0 14px;
  font-size:15px;
}
.block{
  background:var(--card);
  border:1px solid var(--border);
  border-left:6px solid var(--green);
  border-radius:14px;
  padding:16px;
  margin:14px 0;
}
.block h2{
  color:var(--green);
  font-size:18px;
  margin:0 0 8px;
}
.block p{color:var(--muted);margin:0 0 10px}
.block ul{margin:8px 0 0 18px;color:var(--muted)}
.block li{margin:6px 0}
.kv{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.kv span{background:#fff;border:1px solid var(--border);padding:6px 8px;border-radius:10px;font-size:12px;color:var(--muted)}
.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.notice{
  margin:10px 0 0;
  color:var(--muted);
  font-size:13px;
}
@media (max-width:520px){
  .page-title{font-size:22px}
}

/* Repères (remplace les pastilles KV pour une MEP plus institutionnelle) */
.repere{margin:12px 0 0 0;font-size:14px;line-height:1.5;color:#2d2d2d;}
.repere strong{color:var(--green);font-weight:700;}