/* Pages « À votre rythme » et « Le suivi » (hub et suivi) */
body.page-a-votre-rythme main h1 { color: #241C17; }
body.page-a-votre-rythme main h2 { padding-top: 3rem; margin-bottom: 2.5rem; }
body.page-a-votre-rythme main h3 { color: #6B4A3D; }

.hub-bloc { max-width: 720px; margin: 0 auto 1.5rem; padding: 0 1.5rem; }
.hub-bloc--large { max-width: 1000px; }
.hub-bloc--large .faq-accordeon,
.hub-bloc--large .encart-autres-questions { max-width: 760px; margin-left: auto; margin-right: auto; }

#appuis, #par-ou-commencer, #a-part, #deux-appels, #comment, #faq {
  scroll-margin-top: calc(var(--hauteur-header, 84px) + 24px);
}

.hub-reperes { max-width: 720px; margin: 0 auto 2rem; padding-left: 1.2rem; line-height: 1.6; }
.hub-reperes li { margin-bottom: .6rem; }
.hub-reperes a { color: var(--terracotta-fonce); font-weight: 600; }

/* Deux cartes à part (chaîne, ouvrage) */
.apres-seance.hub-duo { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 640px; margin-left: auto; margin-right: auto; }
@media (max-width: 520px) { .apres-seance.hub-duo { grid-template-columns: 1fr; } }

/* Deux rendez-vous du suivi */
.hub-duo-cartes { max-width: 760px; }
.hub-duo-cartes .trois-chemins__carte:hover { transform: none; }
.hub-duo-cartes .trois-chemins__carte p { font-size: .95rem; line-height: 1.55; }

/* Étapes numérotées */
.hub-etapes { list-style: none; counter-reset: etape; margin: 0 0 1.5rem; padding: 0; }
.hub-etapes li { counter-increment: etape; position: relative; padding: .2rem 0 1.1rem 3rem; line-height: 1.6; }
.hub-etapes li::before {
  content: counter(etape);
  position: absolute; left: 0; top: .1rem;
  width: 2.1rem; height: 2.1rem; border-radius: 50%;
  background: var(--turquoise-clair); color: var(--turquoise-fonce);
  font-family: "Fraunces", serif; font-weight: 600;
  display: flex; align-items: center; justify-content: center;
}

.hub-cta { text-align: center; margin: 1.5rem 0 2rem; }
.hub-cta__bouton {
  display: inline-block; padding: .8rem 1.8rem;
  background: var(--turquoise); color: #fff; text-decoration: none;
  font-weight: 600; border-radius: var(--rayon-doux);
}
.hub-cta__bouton:hover, .hub-cta__bouton:focus-visible { background: var(--turquoise-fonce); }

@media (max-width: 700px) { .hub-bloc { padding: 0 1.1rem; } }