.intention { padding: 8rem 0 0; }
.intention__tete { max-width: 44rem; }
.intention__tete h1 { font-size: clamp(2.2rem, 5.4vw, 3.4rem); margin: .8rem 0 1.2rem; }
.intention__chapeau { font-size: 1.2rem; }
.intention__actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }






.colonne { max-width: 44rem; }
.colonne__sortie { margin-top: 2.5rem; }
.colonne h2 { font-size: clamp(1.7rem, 3.6vw, 2.3rem); margin: 3.5rem 0 1rem; }
.colonne h3 { font-size: 1.25rem; margin: 2rem 0 .6rem; color: var(--or-clair); }
.colonne p { margin-bottom: 1rem; }
.colonne ul { margin: 0 0 1.4rem; padding-left: 1.3rem; }
.colonne li { margin-bottom: .5rem; color: var(--ivoire-doux); }



.categories {
  list-style: none; padding: 0; margin: 1.4rem 0 1.8rem;
  display: grid; gap: .5rem;
  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
}
.categories li {
  background: var(--encre-2); border: 1px solid var(--ligne);
  border-radius: .4rem; padding: .6rem .85rem;
  font-size: .95rem; color: var(--ivoire); margin: 0;
}

.rappels {
  display: flex; flex-wrap: wrap; gap: .8rem; align-items: stretch;
  margin: 1.4rem 0 1.8rem; padding: 0; list-style: none;
}
.rappel {
  flex: 1 1 9rem; background: var(--encre-2);
  border: 1px solid var(--ligne); border-left: 3px solid var(--or);
  border-radius: .4rem; padding: .9rem 1rem; margin: 0;
}
.rappel b { display: block; font-family: var(--serif); font-size: 1.5rem; color: var(--or-clair); }
.rappel span { font-size: .9rem; color: var(--ivoire-doux); }

.encadre {
  border-left: 3px solid var(--or); background: rgba(192, 143, 53, .07);
  border-radius: .4rem; padding: 1.2rem 1.35rem; margin: 1.8rem 0;
}
.encadre p:last-child { margin-bottom: 0; }

.faq { max-width: 44rem; }
.faq__item { border-bottom: 1px solid var(--ligne); padding: 1.3rem 0; }
.faq__item h3 { font-size: 1.12rem; margin: 0 0 .5rem; color: var(--ivoire); font-family: var(--serif); }
.faq__item p { margin: 0; }

.fin { max-width: 44rem; margin-top: 3.5rem; padding: 2rem; text-align: center;
   background: var(--encre-2); border: 1px solid var(--ligne-forte); border-radius: .8rem; }
.fin h2 { margin: 0 0 .8rem; }
.fin p { margin-bottom: 1.4rem; }










.voisines { margin-top: 3.5rem; padding-top: 2rem; border-top: 1px solid var(--ligne); }
.voisines h2 { font-size: 1.35rem; margin: 0 0 1.2rem; }
.voisines__liste { list-style: none; padding: 0; margin: 0; display: grid; gap: .8rem; }
.voisines__item {
  background: var(--encre-2); border: 1px solid var(--ligne);
  border-radius: .5rem; padding: 1rem 1.15rem; margin: 0;
  display: flex; flex-direction: column; gap: .25rem;
}
.voisines__item a { font-weight: 600; }
.voisines__item span { font-size: .93rem; color: var(--ivoire-doux); }