/* === STRUCTURE GLOBALE ARTICLE === */
.art-container { font-family: system-ui, -apple-system, sans-serif; line-height: 1.8; color: #334155; max-width: 1000px; margin: 0 auto; }

/* === DESIGN CARTE (Titre H2 + Contenu encadré) === */
.art-card { margin-bottom: 40px; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }
.art-card-header { background-color: #1e293b; padding: 15px 25px; border-bottom: 1px solid #1e293b; }
.art-card-header h2 { margin: 0 !important; color: #ffffff !important; font-size: 1.4em !important; font-weight: 700 !important; }
.art-card-body { background-color: #ffffff; border: 1px solid #e2e8f0; border-top: none; padding: 25px; }

/* === BOITES D'INFORMATIONS & ALERTES === */
.art-box { padding: 20px; border-radius: 8px; margin-bottom: 20px; border: 1px solid transparent; }
.art-intro { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); border-color: #cbd5e1; color: #0f172a; font-size: 1.1em; }
.art-alert-red { background-color: #fef2f2; border-left: 5px solid #ef4444; color: #991b1b; }
.art-alert-orange { background-color: #fff7ed; border-left: 5px solid #f97316; color: #9a3412; }
.art-alert-blue { background-color: #eff6ff; border-left: 5px solid #3b82f6; color: #1e40af; }

/* === COMPOSANTS DIVERS === */
.art-btn-wrapper { text-align: center; margin: 25px 0; }

/* Tags / Grilles */
.art-grid { display: flex; flex-wrap: wrap; gap: 10px; }
.art-tag { background: #f1f5f9; padding: 6px 12px; border-radius: 4px; border: 1px solid #cbd5e1; font-weight: bold; font-size: 0.9em; color: #334155; display: inline-block; }

/* Images */
.art-img { max-width: 100%; height: auto; border-radius: 8px; display: block; margin: 20px auto; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }

/* Citation / Quote */
.art-quote { background-color: #f3f4f6; padding: 15px; border-radius: 8px; text-align: center; font-weight: bold; margin: 20px 0; }