.elementor-5227 .elementor-element.elementor-element-9ed77f3{--display:flex;}/* Start custom CSS for html, class: .elementor-element-4d787a2 *//* ====== Style général ====== */
.ml-final { font-family: system-ui, sans-serif; color:#0f172a; line-height:1.6; }
.ml-final h1 { 
  font-size:2.3rem; text-align:center; color:#469db0; 
  text-decoration:underline; text-underline-offset:6px; 
  margin-bottom:1.2rem; 
}
.ml-final h2 { font-size:1.5rem; margin:1.2rem 0 .6rem; color:#0f172a; }
.ml-final .section { background:#fff; border:1px solid #e5e7eb; border-radius:10px; padding:1rem 1.2rem; margin-bottom:1rem; }
.ml-final a { color:#469db0; text-decoration:none; }
.ml-final a:hover { text-decoration:underline; }
.ml-final .last { font-size:.9rem; color:#475569; text-align:right; margin-top:1rem; }

/* ====== Nav chips en ligne ====== */
.ml-final .nav { 
  display:flex; 
  flex-wrap:nowrap;       /* force une seule ligne */
  justify-content:center; 
  gap:.6rem; 
  overflow-x:auto;        /* scroll horizontal si ça dépasse */
  padding-bottom:.4rem;
}

.ml-final .chip {
  display:inline-block; 
  padding:.5rem 1rem; 
  border-radius:999px;
  border:1px solid #469db0; 
  color:#469db0; 
  font-weight:600; 
  text-align:center;
  white-space:nowrap;     /* empêche le retour à la ligne */
  transition:.2s;
}
.ml-final .chip:hover { background:#469db0; color:#fff; }

/* ====== Responsive ====== */
@media (max-width:768px) {
  .ml-final h1 { font-size:1.8rem; }
  .ml-final h2 { font-size:1.3rem; }
  .ml-final .chip { font-size:.9rem; padding:.45rem .8rem; }
}

@media (max-width:480px) {
  .ml-final { font-size:15px; }
  .ml-final h1 { font-size:1.6rem; }
  .ml-final h2 { font-size:1.2rem; }
  .ml-final .section { padding:.8rem 1rem; }
}/* End custom CSS */