/* olwhyde/main_site/static/main_site/css/section-card.css */

/* ============================================================
   section-card.css — Composant Carte de section
   ============================================================
   Frame visuel + gabarit unique des grandes cartes de section
   du site narratif Olwhyde (hero, blocs narratifs, FAQ-card,
   bandeaux englobants).

   Reproduit fidèlement le motif récurrent identifié dans
   accueil.html (V30/V31) — qui revient 6 fois sur cette
   seule page — et qui sert désormais de gabarit unifié pour
   toutes les pages narratives publiques.

   Le padding interne reste à la charge du sélecteur local
   de chaque section, car il dépend du contenu (un héros
   respire plus qu'un bandeau « Inclus »).

   USAGE EN HTML :
     <section class="section-card tarifs-hero">
       …
     </section>
   ============================================================ */

.section-card {
  max-width: 1100px;
  margin: 30px auto;
  background: var(--white);
  border: 1px solid var(--pale-lavender);
  border-radius: 18px;
  box-shadow: 0 4px 24px rgba(26, 28, 71, 0.06);
}