/* ============================================================
   content-page.css — pages de contenu simples (légal, FAQ...)
   ============================================================ */

.content-page {
  max-width: 760px;
  margin: 0 auto;
  padding: var(--space-6) var(--space-4) var(--space-8);
}

.content-page h1 { margin-bottom: var(--space-2); }
.content-page__updated { font-size: 13px; color: var(--color-steel-500); margin-bottom: var(--space-5); }

.content-page h2 { font-size: 20px; margin-top: var(--space-6); }
.content-page p, .content-page li { color: var(--color-navy-900); font-size: 15px; line-height: 1.7; }
.content-page ul { padding-left: 20px; }

.content-page .placeholder { background: #fff3ea; padding: 2px 6px; border-radius: 4px; color: var(--color-accent-600); font-weight: 600; }

.faq-item {
  border-bottom: 1px solid var(--color-steel-100);
  padding: var(--space-3) 0;
}

.faq-item summary {
  cursor: pointer;
  font-weight: 700;
  font-size: 15px;
  color: var(--color-navy-950);
}

.faq-item p { margin-top: var(--space-2); }

.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-5);
  margin-top: var(--space-5);
}

@media (max-width: 700px) { .contact-grid { grid-template-columns: 1fr; } }

.contact-form { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; }
.contact-form label { font-size: 13px; font-weight: 600; }
.contact-form input, .contact-form textarea {
  width: 100%;
  padding: 10px 12px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-steel-300);
  font-family: var(--font-body);
}