/* =============================================================
   page-intro.css — Le Panda Enragé
   En-tête générique des pages "un sujet, une page dédiée" (titre,
   texte d'intro SEO). Partagé par parrainage.php et investissement.php
   — extrait de l'ancien parrainage.css quand investissement.php a eu
   besoin de la même mise en page sans le mécanisme iframe qui va avec
   (voir iframe-tool.css, chargé en plus uniquement par les pages qui
   embarquent réellement une iframe).
   ============================================================= */

main { padding-top: 50px; padding-bottom: 40px; width: 100%; max-width: 1400px; margin: 0 auto; flex: 1; }
.section-container { display: flex; flex-direction: column; align-items: center; gap: 25px; width: 100%; padding: 0 2%; }
.section-title { font-family: var(--title-font); font-size: 3rem; font-weight: 700; text-align: center; }
.seo-text { max-width: 800px; text-align: center; color: var(--sub); font-size: 1.1rem; line-height: 1.6; }

/* Bloc "texte natif indexable par Google" (hors iframe/contenu tiers). */
.seo-note { max-width: 800px; width: 100%; margin-bottom: 10px; }
.seo-note p { font-size: 0.9rem; color: var(--sub); line-height: 1.7; text-align: center; }

@media (max-width: 768px) {
    .section-title { font-size: 2rem; }
}