/* =========================================================
   Accompagnement individuel — styles spécifiques à la page
   (classes .ai-* uniquement — pas de :root / header / footer / body)
   ========================================================= */

/* ---------- Le cadre — photo à gauche ---------- */
.ai-cadre .split .media{order:1}
.ai-cadre .split .body{order:2}

/* Phrase accentuée « Pour qui » — plus petite que le titre */
.ai-pourqui-title em{
  display:block;
  margin-top:.35em;
  font-size:32px;
  line-height:1.35;
  font-weight:500;
}
.ai-pourqui-list{
  margin-top:52px;
}
.ai-pourqui-list .needs{
  margin-top:0;
}

/* Phrase de clôture sous la liste — centrée, pas collée à gauche */
.ai-pourqui-footer{
  margin:48px auto 0;
  max-width:36em;
  text-align:center;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:clamp(22px, 2.4vw, 28px);
  line-height:1.4;
  color:var(--night);
}
.ai-pourqui-footer::before{
  content:"";
  display:block;
  width:40px;
  height:1px;
  margin:0 auto 22px;
  background:var(--teal);
  opacity:.55;
}
.ai-pourqui-footer p{
  margin:0 0 .2em;
  font:inherit;
  font-style:inherit;
  color:inherit;
  line-height:inherit;
  text-align:center !important;
}
.ai-pourqui-footer p:last-child{margin-bottom:0;color:var(--teal-deep)}
.ai-pourqui-footer strong,.ai-pourqui-footer b,.ai-pourqui-footer em,.ai-pourqui-footer i{
  font:inherit;
  font-style:inherit;
  font-weight:500;
  color:inherit;
}