/* Texte d'introduction affiché au-dessus des carrousels.
   Les couleurs sont écrites en dur : les pages carrousels ne définissent pas
   toutes les mêmes variables CSS. Chaque page peut changer la couleur
   d'accent via style="--intro-accent: …" sur la section. */
.page-intro {
    --intro-accent: #ef4444;
    width: 100%; max-width: 1280px; margin-top: 14px; padding: 24px 30px;
    background: rgba(15, 23, 42, 0.85); border: 1px solid rgba(255, 255, 255, 0.12); border-left: 4px solid var(--intro-accent);
    border-radius: 18px; user-select: text; font-family: 'Plus Jakarta Sans', sans-serif;
}
.page-intro-kicker { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--intro-accent); margin-bottom: 10px; }
.page-intro-title { font-family: 'Montserrat', sans-serif; font-size: clamp(22px, 3vw, 30px); font-weight: 900; line-height: 1.2; color: #ffffff; margin-bottom: 12px; }
.page-intro-text { font-size: 17px; line-height: 1.7; color: #cbd5e1; max-width: 1100px; }
.page-intro-author { display: flex; align-items: center; gap: 12px; margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, 0.08); }
.page-intro-author .avatar { width: 40px; height: 40px; border-radius: 50%; background: rgba(249, 115, 22, 0.15); border: 1px solid rgba(249, 115, 22, 0.45); color: #f97316; display: flex; align-items: center; justify-content: center; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 15px; flex-shrink: 0; }
.page-intro-author strong { display: block; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 800; color: #ffffff; }
.page-intro-author span { display: block; font-size: 13px; font-weight: 600; color: #f97316; }
html[data-theme="light"] .page-intro { background: #f8fafc; border-color: #e2e8f0; border-left-color: var(--intro-accent); }
html[data-theme="light"] .page-intro-title, html[data-theme="light"] .page-intro-author strong { color: #0f172a; }
html[data-theme="light"] .page-intro-text { color: #334155; }
html[data-theme="light"] .page-intro-author { border-top-color: #e2e8f0; }
@media (max-width: 640px) { .page-intro { padding: 18px 18px; } .page-intro-text { font-size: 15.5px; } }
.page-intro-author .page-intro-date { display: block; font-size: 12.5px; font-weight: 600; color: #94a3b8; margin-top: 2px; }
html[data-theme="light"] .page-intro-author .page-intro-date { color: #64748b; }