/* ============================================================
   Questions avant d'acheter, en bas de l'accueil.

   Les accordéons sont ceux de la page FAQ, des cartes souples (.fold,
   instrument.css) ; cette feuille ne pose que la mise en page. Titre et
   lien à gauche, réponses à droite ; une colonne sur téléphone.
   ============================================================ */

/* Le papier teinté de la page FAQ : les cartes souples s'y détachent. */
.home-faq {
  padding-block: var(--space-section);
  background: var(--surface-sunken);
  color: var(--ink);
}

.home-faq__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(32px, 6vw, 96px);
  align-items: start;
}

.home-faq__head {
  display: grid;
  gap: 18px;
  justify-items: start;
}

.home-faq__head h2 {
  margin: 0;
  font-size: var(--fs-h2);
  font-weight: 800;
  line-height: .94;
  letter-spacing: -.03em;
  text-transform: uppercase;
  text-wrap: balance;
}

.home-faq__head p {
  max-width: 36ch;
  margin: 0;
  color: var(--ink-70);
  font-size: 1.05rem;
  line-height: 1.55;
}

/* Lien texte : soulignement sous les mots, cible de 44 px. */
.home-faq__link {
  margin-top: -14px;
  padding-top: 20px;
  color: var(--ink);
}

.home-faq__items { display: grid; gap: 10px; min-width: 0; }

@media (max-width: 859px) {
  .home-faq__grid { grid-template-columns: minmax(0, 1fr); }
}