/* ===== Articles ===== */
.article-page{max-width:780px;margin:0 auto}
.article-sommaire{margin:0 0 30px;padding:18px 22px;background:#fff;border:1px solid #e5e7eb;border-left:4px solid #fbbf24;border-radius:12px}
.article-sommaire strong{display:block;margin-bottom:8px;color:#1a1a2e}
.article-sommaire ol{margin:0;padding-left:20px;columns:2;column-gap:32px}
.article-sommaire li{margin:3px 0;break-inside:avoid}
.article-sommaire a{color:#475569;text-decoration:none}
.article-sommaire a:hover{color:#d97706;text-decoration:underline}
@media(max-width:640px){.article-sommaire ol{columns:1}}
.page-article .guide-section{scroll-margin-top:20px}
.article-image{margin:0 0 24px}
.article-image img{display:block;width:100%;height:auto;border-radius:16px}

.article-diplomes{margin:36px 0;padding:22px;background:#fff;border:1px solid #e5e7eb;border-radius:16px}
.article-diplomes h2{margin:0 0 6px}
.article-diplomes p{margin:0 0 16px;color:#475569}
.article-diplomes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(min-width:640px){.article-diplomes-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.article-diplome-card{display:block;text-decoration:none;color:#1a1a2e;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;background:#fff;transition:transform .2s,border-color .2s}
.article-diplome-card:hover{transform:translateY(-2px);border-color:#fbbf24}
.article-diplome-card img{display:block;width:100%;aspect-ratio:1754/1240;object-fit:cover;background:#f1f5f9}
.article-diplome-card span{display:block;padding:8px 10px;font-size:13px;font-weight:700;line-height:1.3;text-align:center}

.articles-liste{display:grid;gap:14px;max-width:820px;margin:10px auto 30px}
.article-carte{display:flex;gap:16px;align-items:flex-start;padding:18px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;text-decoration:none;color:#1a1a2e;transition:transform .2s,border-color .2s,box-shadow .2s}
.article-carte:hover{transform:translateY(-2px);border-color:#fbbf24;box-shadow:0 8px 20px rgba(251,191,36,.15)}
.article-carte-icone{flex:0 0 auto;font-size:30px;line-height:1}
.article-carte-contenu strong{display:block;font-size:1.1rem;line-height:1.35;margin-bottom:4px}
.article-carte-contenu small{display:block;font-size:.95rem;color:#475569;line-height:1.5}
.article-carte-contenu time{display:block;margin-top:8px;font-size:12px;color:#94a3b8}

/* Mascotte plus compacte en haut des articles */
.page-article .intro-image img,.page-articles-index .intro-image img{width:auto;max-width:100%;max-height:340px;margin:0 auto;display:block}
@media(max-width:768px){.page-article .intro-image img,.page-articles-index .intro-image img{max-height:200px}}
.page-article .intro-bas .nb,.page-articles-index .intro-bas .nb{margin-top:10px;font-size:13px;color:#94a3b8}