html{scroll-padding-top:96px;}
body{line-height:1.7;}
.article-wrap{max-width:820px;margin:0 auto;padding:40px 5% 60px;}
.breadcrumb{font-size:0.78rem;color:var(--text-light);margin-bottom:28px;}
.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{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 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 CTA identique à la page principale ── */
.urg-btn-primary {
  display: inline-flex; align-items: center; gap: 0;
  background: #c5003e; 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(197,0,62,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(197,0,62,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(197,0,62,0.65); }
}
.urg-btn-primary:hover { background: #A20033; transform: translateY(-1px); box-shadow: 0 6px 22px rgba(197,0,62,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; }