/* ============================================================
   Pages parcours (segments) : /fr/parcours/* et /en/journey/*
   home.css fournit nav, footer, hero produit et titres de section ;
   cette feuille ne porte que les blocs propres au gabarit parcours.
   Rythme aligne sur les pages produit : sections a filet 1px + 56px.
   ============================================================ */

.p-section {
  padding: 56px 0;
  border-top: 1px solid var(--rule);
}

/* Hero : le h1 des pages parcours respire plus large que le 18ch produit. */
.d-produit-h1 { max-width: 26ch; }

/* Desktop : la note de cabinet occupe la largeur. Titre de section en rail
   gauche (la marge d'annotation du monde), corps en colonne de lecture a
   droite : la page cesse d'etre un couloir gauche a champ droit mort.
   Le rail est le motif commun .d-rail (home.css, palier 1000px), pose sur
   chaque .p-section dans le gabarit. */

.p-para {
  font-size: 16px;
  line-height: 1.6;
  max-width: 60ch;
  margin: 0 0 18px;
}
.p-para:last-of-type { margin-bottom: 0; }

.p-renvoi { margin: 28px 0 0; }

.p-limites-list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 60ch;
}
.p-limites-list li {
  font-size: 16px;
  line-height: 1.55;
  padding: 14px 0;
  border-bottom: 1px dashed var(--rule);
}
.p-limites-list li:last-child { border-bottom: none; }

.p-action-para {
  font-size: 16px;
  line-height: 1.6;
  color: var(--ink-muted);
  max-width: 60ch;
  margin: 0 0 26px;
}

@media (max-width: 600px) {
  .p-section { padding: 40px 0; }
  .p-action .d-cta {
    display: flex;
    justify-content: center;
    text-align: center;
  }
}