/* ---- /assets/css/pages-a.css ---- */
/* pages-a.css : a-propos, comment-ca-marche, faq, contact
   Complement de assets/css/site.css, ne redefinit rien de deja existant. */

.page-head__photo { margin-top: 32px; border-radius: var(--radius-panel); overflow: hidden; box-shadow: var(--shadow); }
.page-head__photo img { display: block; width: 100%; height: auto; }

.content-section { padding: 0 0 var(--space-section); }
.content-section .panel + .panel { margin-top: 24px; }
.content-section h2 { margin-bottom: 14px; }
.content-section p { color: var(--ink-soft); font-size: 15px; line-height: 1.7; margin: 0 0 14px; }
.content-section p:last-child { margin-bottom: 0; }

.stat-row { display: flex; flex-wrap: wrap; gap: 0; margin: 28px 0 0; }
.stat-row .hero__stat { padding-right: 26px; margin-right: 26px; }

.duo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.duo-grid .panel h3 { font-size: 18px; margin: 0 0 10px; }

.registre-list { columns: 2; column-gap: 40px; margin: 0; padding: 0; list-style: none; }
.registre-list li { font-size: 14px; color: var(--ink-soft); padding: 9px 0; border-bottom: 1px solid var(--line); break-inside: avoid; }

.relance-band { text-align: center; padding: 56px; }
.relance-band h2 { margin-bottom: 10px; }
.relance-band p { color: var(--ink-soft); font-size: 15px; margin: 0 0 24px; }
.relance-band .btn { display: inline-flex; }

.contact-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 48px; }
.contact-info__list { list-style: none; margin: 22px 0 0; padding: 0; }
.contact-info__list li { display: flex; align-items: flex-start; gap: 12px; font-size: 14.5px; color: var(--ink-soft); margin-bottom: 16px; }
.contact-info__list li svg { width: 18px; height: 18px; flex: none; color: var(--magenta); margin-top: 1px; }
.contact-info__list a { color: var(--ink); text-decoration: none; }
.contact-info__list a:hover { color: var(--magenta-dark); }

@media (max-width: 860px) {
  .duo-grid { grid-template-columns: 1fr; }
  .registre-list { columns: 1; }
  .contact-grid { grid-template-columns: 1fr; }
}