/* article-style-it.css: Core styles for Italian medical articles (E-E-A-T Verificato) */ /* General Article Container & Readability Settings */ body.article-body-it { /* يجب استخدام هذه الفئة في وسم لكل مقال إيطالي: */ 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; /* Colore di sfondo abbinato al portfolio */ background-color: #F8F9FA; } article { padding: 30px; background: #FFFFFF; border-radius: 10px; /* Ombra abbinata al Primary Color Italiano */ box-shadow: 0 5px 20px rgba(44, 58, 71, 0.1); } /* Headings & Text */ h1 { /* Primary Color Italiano */ color: #2C3A47; font-size: 2.5rem; /* Separatore abbinato all'Accent Color */ border-bottom: 2px solid #00B894; padding-bottom: 0.5rem; margin-bottom: 1.5rem; } h2 { color: #2C3A47; font-size: 1.8rem; margin-top: 2rem; } h3 { /* Accent Color Italiano */ color: #00B894; font-size: 1.3rem; margin-top: 1.5rem; } p { margin-bottom: 1em; } /* Lists */ ul, ol { margin-left: 20px; margin-bottom: 1.5em; } /* Tables (Importante per dati scientifici e 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); /* Regole di Responsività per mobile */ display: block; overflow-x: auto; white-space: nowrap; } thead { /* Sfondo abbinato al Primary Color */ background-color: #2C3A47; /* Testo bianco per contrasto */ color: white; } th, td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #ddd; /* Permette ai testi lunghi di wrappare */ 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; } }