/* Mise en forme des articles enrichis (14/11/2026) : utilisée par le site ET
   par l'éditeur, pour que l'auteur voie exactement ce que verra le lecteur.
   Tout s'adapte à la largeur disponible : rien ne déborde sur téléphone. */
.article-riche{overflow-wrap:break-word}
.article-riche img{max-width:100%;height:auto;border-radius:10px}
.article-riche .encadre{border-radius:14px;padding:14px 18px;margin:18px 0;border:1px solid;border-left-width:6px}
.article-riche .encadre>:first-child{margin-top:0}
.article-riche .encadre>:last-child{margin-bottom:0}
.article-riche .encadre-bleu{background:#eef4ff;border-color:#93b4f5;border-left-color:#1d4ed8}
.article-riche .encadre-jaune{background:#fff8e6;border-color:#f5d98a;border-left-color:#d99a12}
.article-riche .encadre-rouge{background:#fdf0ef;border-color:#f4b6b1;border-left-color:#b42318}
.article-riche .encadre-vert{background:#ecfdf3;border-color:#a7e3bf;border-left-color:#15803d}
.article-riche .encadre-gris{background:#f3f5f8;border-color:#d5dbe4;border-left-color:#64748b}
.article-riche .encadre-action{background:linear-gradient(135deg,#0f2552,#1d3a78);color:#e5ecf8;border:0;padding:20px 22px}
.article-riche .encadre-action strong{color:#fff}
.article-riche .centre{text-align:center}
.article-riche a.bouton-article{display:inline-block;max-width:100%;background:#1d4ed8;color:#fff!important;font-weight:800;padding:11px 22px;border-radius:999px;text-decoration:none!important;box-shadow:0 4px 12px rgba(29,78,216,.25);white-space:normal;text-align:center}
.article-riche a.bouton-article:hover{background:#1e40af}
.article-riche a.bouton-article-or{background:#f2b632;color:#3b2a03!important;box-shadow:0 4px 12px rgba(217,154,18,.3)}
.article-riche .galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:18px 0}
.article-riche .galerie img{width:100%;height:160px;object-fit:cover;margin:0;border-radius:10px}
.article-riche .video{position:relative;width:100%;aspect-ratio:16/9;margin:18px 0;border-radius:12px;overflow:hidden;background:#000}
.article-riche .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.article-riche blockquote{border-left:4px solid #f2b632;background:#fffaf0;margin:18px 0;padding:12px 18px;border-radius:0 12px 12px 0;color:#334155;font-style:italic}
.article-riche hr{border:0;border-top:2px solid #e3e8f1;margin:26px 0}
.article-riche .cadre-tableau{overflow-x:auto;margin:0 0 18px}
.article-riche table{border-collapse:collapse;width:100%;font-size:15px}
.article-riche td,.article-riche th{border:1px solid #e3e8f1;padding:8px 10px;vertical-align:top}
.article-riche th{background:#f3f6fb}
.article-riche h2{font-size:22px;margin:26px 0 10px}
.article-riche h3{font-size:18px;margin:22px 0 8px}
.article-riche ul,.article-riche ol{margin:0 0 16px 22px}
@media (max-width:640px){.article-riche .galerie{grid-template-columns:repeat(2,minmax(0,1fr))}.article-riche .galerie img{height:120px}.article-riche .encadre{padding:12px 14px}}
/* Dans l'éditeur seulement (le corps de l'iframe porte ces classes). */
body.article-corps{font-family:"Plus Jakarta Sans",-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:16.5px;line-height:1.65;color:#374151;margin:14px 18px;max-width:820px}
body.article-corps a{color:#1d3a78}
