/* article-style.css: Core styles for French medical articles (Conforme E-E-A-T) */ /* General Article Container & Readability Settings */ body.article-body-fr { /* Utilisez dans vos fichiers HTML d'articles français */ max-width: 900px; margin: 40px auto; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; line-height: 1.7; color: #333; /* Couleur de fond assortie à l'interface */ background-color: #F7F7F7; } article { padding: 30px; background: #FFFFFF; border-radius: 10px; /* Ombre assortie au Primary Color Français */ box-shadow: 0 5px 20px rgba(0, 51, 102, 0.1); } /* Headings & Text */ h1 { /* Primary Color Français */ color: #003366; font-size: 2.5rem; /* Séparateur assorti à l'Accent Color (Bordeaux) */ border-bottom: 2px solid #990000; padding-bottom: 0.5rem; margin-bottom: 1.5rem; } h2 { color: #003366; font-size: 1.8rem; margin-top: 2rem; } h3 { /* Accent Color Français (Bordeaux) */ color: #990000; font-size: 1.3rem; margin-top: 1.5rem; } p { margin-bottom: 1em; } /* Lists */ ul, ol { margin-left: 20px; margin-bottom: 1.5em; } /* Tables (Conformité et Responsivité) */ table { width: 100%; border-collapse: collapse; margin: 2em 0; font-size: 0.9em; box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* Règles de Responsivité pour mobile */ display: block; overflow-x: auto; white-space: nowrap; } thead { /* Fond assorti au Primary Color */ background-color: #003366; /* Texte blanc pour contraste élevé */ color: white; } th, td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #ddd; /* Permet aux textes longs de s'envelopper */ white-space: normal; min-width: 100px; } tr:nth-child(even) { background-color: #f7f7f7; } /* Mobile Specific Fixes for Tables (Final adjustments) */ @media (max-width: 600px) { th, td { padding: 8px 10px; } }