/* Conteneur */
.container{ width:100%; max-width:1200px; margin:10px auto; padding:0 16px; }
.layout{ display:flex; flex-wrap:wrap; align-items:flex-start; gap:var(--gap); }

/* Texte principal */
.plan-info {
  font-size: 15px;
  color: black;
  line-height: 2;
}

/* Liens par défaut : noirs et soulignés */
.plan-info a {
  color: black;
  text-decoration: underline;
}

/* État survol et visité : gardent la même couleur que le mode */
.plan-info a:hover,
.plan-info a:visited {
  color: inherit; /* hérite de la couleur de texte du parent */
}

/* Décalage pour les <li> */
.plan-info li {
  margin-left: 20px;
  list-style: none;
}

/* Groupe du haut */
.liens-top {
  font-size: 18px;
  line-height: 1.1;
}

/* 🌙 Mode sombre */
@media (prefers-color-scheme: dark) {
  body {
    background-color: #121212; /* fond sombre, ajustable */
  }

  .plan-info {
    color: white; /* texte en blanc */
  }

  .plan-info a {
    color: white; /* liens aussi en blanc */
    text-decoration: underline;
  }
}