/* =============================================================================
   pages/faq.css · Page FAQ. Le composant .faq-item vit dans components.css ;
   ce fichier ne gère que la mise en page de la section.
   ========================================================================== */

.faq {
  padding: var(--section-y-sm) 0 var(--section-y);
  display: grid;
  grid-template-columns: minmax(240px, 0.62fr) minmax(0, 1.38fr);
  gap: clamp(40px, 8vw, 120px);
}

/* La colonne de gauche reste visible pendant la lecture des réponses. */
.faq__intro {
  position: sticky;
  top: 120px;
  align-self: start;
}

.faq__intro h2 {
  margin-top: 16px;
  font-size: var(--fs-h2-sm);
  font-weight: 530;
  letter-spacing: var(--tracking-display);
  line-height: 1.05;
}

@media (max-width: 900px) {
  .faq { grid-template-columns: 1fr; gap: 40px; }
  .faq__intro { position: static; }
}