/* Import de la police Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

body { 
    font-family: 'Inter', sans-serif; 
}

/* Animations globales */
.fade-in { animation: fadeIn 0.8s ease-in-out; }
.slide-up { animation: slideUp 0.8s ease-out forwards; opacity: 0; }

.delay-1 { animation-delay: 0.2s; }
.delay-2 { animation-delay: 0.4s; }

@keyframes fadeIn { 
    from { opacity: 0; transform: translateY(10px); } 
    to { opacity: 1; transform: translateY(0); } 
}

@keyframes slideUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Personnalisation de la barre de défilement (Scrollbar) */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f9fafb; }
::-webkit-scrollbar-thumb { background: #ef4444; border-radius: 4px; }

/* Troncature de texte (Wiki & Projets) */
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

/* Style spécifique pour les articles de cours (Section 1) */
html { scroll-behavior: smooth; }
.article-content h2 { font-size: 1.75rem; font-weight: 700; color: #111827; margin-top: 3rem; margin-bottom: 1rem; border-bottom: 1px solid #e5e7eb; padding-bottom: 0.5rem; }
.article-content h3 { font-size: 1.25rem; font-weight: 600; color: #374151; margin-top: 2rem; margin-bottom: 0.75rem; }
.article-content p { color: #4b5563; line-height: 1.75; margin-bottom: 1.25rem; }
.article-content ul { list-style-type: disc; padding-left: 1.5rem; color: #4b5563; margin-bottom: 1.25rem; }
.article-content li { margin-bottom: 0.5rem; }
.article-content .math-block { overflow-x: auto; padding: 1rem 0; text-align: center; font-size: 1.1rem; }