/* ──────────────────────────────────────────
   FORMATIONS SHARED CSS (FE-04)
────────────────────────────────────────── */

.formation-hero {
  position: relative;
  text-align: center;
  padding: var(--space-3xl) var(--space-lg);
}

.formation-section {
  padding: var(--space-3xl) var(--space-lg);
}

.formation-section__inner {
  max-width: 900px;
  margin: 0 auto;
}

.formation-modules {
  display: grid;
  gap: var(--space-xl);
}

.formation-benefits {
  display: grid;
  gap: var(--space-md);
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.formation-cta {
  text-align: center;
}

@media (max-width: 767px) {
  .formation-hero,
  .formation-section {
    padding: var(--space-xl) var(--space-md);
  }
}