/* ----------------------------------------------------
   BASE SECTIONS (layout commun + cartes)
   Ajuste ce fichier seulement si tu veux changer le style global des sections.
---------------------------------------------------- */

/* ----------------------------------------------------
   SECTIONS + CARDS (layout commun)
---------------------------------------------------- */

.section{ padding: 46px 0; }
.section.alt{
  background: var(--panel2);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.section h2{ margin: 0 0 12px; font-size: 28px; }
.section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}

.cards{
  margin-top: 18px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.card{
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px;
  box-shadow: var(--shadow);
}
.card h3{ margin: 0 0 8px; }
.card p{ margin: 0; color: var(--muted); }
.card ul{ margin: 10px 0 0; padding-left: 18px; color: var(--muted); }

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