/* =======================================================================
   File: utilities/responsive.css                                                   
   Author: Émile SNYERS                                                    
   Date: 2025-08-16                                                       
   Version: v1.0.0                                                 
   Purpose: Règles responsive pour petits écrans (≤ 768px).                                                  
   Notes: 
   - Code organisé par modules pour un projet plus professionnel.
   - Commentaires présents en tête de fichier et avant chaque bloc.
   - Les couleurs et styles initiaux sont conservés via des variables.
   ======================================================================= */
@media (max-width: 768px) {
  .header-content { flex-direction: column; gap: 20px; text-align: center; }
  .header-title h1 { font-size: 1.8em; }
  .timeline::before { left: 20px; }
  .timeline-item { flex-direction: column !important; align-items: flex-start !important; padding-left: 50px; }
  .timeline-content { width: 100%; }
  .timeline-marker { left: 20px; }
  .features-grid { grid-template-columns: 1fr; }
  .data-table { font-size: 0.9em; }
  .data-table th, .data-table td { padding: 10px; }
}
/* ===== End of utilities/responsive.css | Author: Émile SNYERS | Date: 2025-08-16 | v1.0.0 ===== */