/* Force palette DG dans le scope article — surcharge les vars de main.css */
.article-wrap{max-width:820px;margin:0 auto;padding:40px 5% 60px;--navy:#003366;--blue:#007ACC;--blue-light:#e8f4fd;--text-light:#5c6b80;--border:#dde4ee;--gray-bg:#f7f9fc;}
html{scroll-padding-top:96px;}
body{line-height:1.7;}
.breadcrumb{font-size:0.78rem;color:var(--text-light);margin-bottom:28px;display:block;padding:0;gap:0;}
.breadcrumb a{color:var(--blue);}.breadcrumb span{margin:0 6px;}
.article-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;}
.meta-cat{font-size:0.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--blue-light);color:var(--blue);padding:4px 10px;border-radius:4px;}
.meta-date,.meta-updated{font-size:0.78rem;color:var(--text-light);}
.article-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:28px;display:block;}
.article-h1{font-size:2.2rem;color:var(--navy);margin-bottom:20px;line-height:1.25;}
.author-box{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--blue-light);border-left:4px solid var(--blue);border-radius:4px;margin-bottom:32px;}
.author-box img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--blue);flex-shrink:0;}
.author-name{font-weight:700;font-size:0.9rem;color:var(--navy);}
.author-title{font-size:0.75rem;color:var(--blue);margin-top:2px;}
.article-content{font-size:1rem;line-height:1.85;}
.article-content h2{font-size:1.5rem;color:var(--navy);margin:36px 0 14px;padding-bottom:8px;border-bottom:2px solid var(--border);}
.article-content h3{font-size:1.15rem;color:var(--navy);margin:24px 0 10px;font-weight:700;}
.article-content p{margin-bottom:16px;}
.article-content ul,.article-content ol{margin:12px 0 16px 24px;}.article-content ul{list-style:disc;}.article-content ol{list-style:decimal;}
.article-content li{margin-bottom:6px;}.article-content strong{color:var(--navy);}
.article-content a{color:#007ACC;text-decoration:underline;font-weight:700;}
.article-content blockquote{border-left:4px solid var(--blue);padding:12px 20px;margin:20px 0;background:var(--blue-light);border-radius:0 8px 8px 0;color:var(--text-light);}
.back-link{display:inline-block;margin-bottom:24px;font-size:0.85rem;color:var(--blue);font-weight:700;}
.article-toc{background:var(--gray-bg);border:1px solid var(--border);border-left:4px solid var(--blue);border-radius:8px;padding:20px 24px;margin:28px 0 32px;}
.toc-title{font-weight:700;font-size:0.82rem;text-transform:uppercase;color:var(--navy);margin-bottom:14px;}
.article-toc ul{list-style:none;margin:0;padding:0;counter-reset:toc;}
.article-toc li{counter-increment:toc;padding:4px 0;display:flex;align-items:baseline;gap:6px;}
.article-toc li::before{content:counter(toc)".";color:var(--blue);font-weight:700;font-size:0.78rem;min-width:18px;flex-shrink:0;}
.article-toc a{color:var(--text);text-decoration:none;font-size:0.88rem;}
.article-toc a:hover{color:var(--blue);text-decoration:underline;}
@media(max-width:600px){.article-h1{font-size:1.6rem;}}

/* ── Bouton chat urgence (articles symptômes) ── */
.urg-btn-primary{display:inline-flex;align-items:center;gap:0;background:#0077B6;color:#fff;border:none;border-radius:50px;padding:0 24px 0 10px;height:52px;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 2px 0 rgba(255,255,255,0.15) inset,0 -1px 0 rgba(0,0,0,0.10) inset,0 4px 18px rgba(0,119,182,0.42);animation:urg-pulse 3.2s ease-in-out infinite;transition:background .2s,transform .18s,box-shadow .18s;font-family:inherit;}
.urg-btn-primary::before{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,0.13) 0%,transparent 100%);pointer-events:none;}
@keyframes urg-pulse{0%,100%{box-shadow:0 2px 0 rgba(255,255,255,0.15) inset,0 -1px 0 rgba(0,0,0,0.10) inset,0 4px 18px rgba(0,119,182,0.42);}50%{box-shadow:0 2px 0 rgba(255,255,255,0.15) inset,0 -1px 0 rgba(0,0,0,0.10) inset,0 8px 26px rgba(0,119,182,0.65);}}
.urg-btn-primary:hover{background:#023E8A;transform:translateY(-1px);box-shadow:0 6px 22px rgba(0,119,182,0.55);animation:none;color:#fff;}
.urg-btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:2;}
.urg-btn-sep{width:1px;height:24px;background:rgba(255,255,255,0.28);margin-left:6px;flex-shrink:0;}
.urg-btn-text{padding-left:14px;position:relative;z-index:2;}
