/* pages.css : pages de texte (à propos, conditions, confidentialité) */
.prose-section { padding: 52px 0 72px; }
.prose { max-width: 740px; margin: 0 auto; }
.prose h2 { font-family: 'Poppins', sans-serif; font-size: 22px; font-weight: 600; color: var(--deep); margin: 32px 0 10px; }
.prose h2:first-child { margin-top: 0; }
.prose p, .prose li { font-size: 14.5px; color: var(--text-body); line-height: 1.75; margin-bottom: 12px; }
.prose ul { padding-left: 22px; margin-bottom: 12px; }
.prose a { color: var(--terracotta-text); text-decoration: underline; }
.draft-note { background: #FFF1D6; color: #7A5200; border-radius: 12px; padding: 14px 18px; font-size: 13px; line-height: 1.55; margin-bottom: 28px; }
.prose-cta { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 28px; }

/* Boutons dans un texte : la règle « .prose a » ne doit pas changer leur couleur ni les souligner */
.prose a.btn-primary, .prose a.btn-ghost { text-decoration: none; font-weight: 500; }
.prose a.btn-primary { background: var(--deep); color: var(--white); }
.prose a.btn-ghost { background: transparent; color: var(--deep); border: 1px solid var(--deep); }
.prose a.btn-ghost:hover { background: var(--deep); color: var(--white); }
.prose a.btn-primary:hover { background: var(--terracotta); }