/* ==========================================================================
   Article de blog — styles spécifiques
   ========================================================================== */

/* --- Hero article (plus compact que le hero blog) --- */
.arthero-in{padding:64px 0 90px;position:relative;z-index:2;max-width:860px;margin:0 auto}
.artcrumb{font-size:14px;color:rgba(255,255,255,.85)}
.artcrumb a{color:#ffc337;text-decoration:none;font-weight:600}
.artcrumb a:hover{text-decoration:underline}
.arthero .h1{font-size:clamp(32px,4.2vw,54px)}
.artinfos{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:22px;font-size:15px;color:rgba(255,255,255,.9)}

/* --- Corps de l'article --- */
.artbody{max-width:820px;margin:0 auto;font-size:17.5px;line-height:1.75;color:#2a2f4a}
.artbody p{margin:0 0 22px}
.artbody h2{font-family:'Lilita One',cursive;font-size:clamp(26px,3vw,34px);color:#171c34;line-height:1.15;margin:52px 0 20px}
.artbody h3{font-family:'Lilita One',cursive;font-size:22px;color:#171c34;line-height:1.25;margin:38px 0 16px}
.artbody strong{color:#171c34}
.artbody ul{margin:0 0 22px;padding-left:24px}
.artbody li{margin-bottom:10px}
.artbody .lead-in{font-size:19px}

/* --- Tableaux --- */
.arttable-wrap{overflow-x:auto;margin:0 0 26px;background:#fff;border:3px solid #171c34;border-radius:18px;box-shadow:6px 6px 0 #171c34}
.arttable{width:100%;border-collapse:separate;border-spacing:0;font-size:15.5px}
.arttable th{background:#171c34;color:#fff;font-weight:700;text-align:left;padding:13px 16px}
.arttable td{padding:12px 16px;border-top:1px solid #eee}
.arttable tr:nth-child(even) td{background:#FFF6E6}
.arttable td strong{color:#171c34}

/* --- Encadré / FAQ --- */
.artbox{background:#fff;border:3px solid #171c34;border-radius:18px;box-shadow:6px 6px 0 #171c34;padding:22px 26px;margin:0 0 22px}
.artbox p:last-child{margin-bottom:0}
.artfaq-q{font-weight:700;color:#171c34;margin-bottom:6px !important}

/* --- Fusées décoratives --- */
.arthero .pherofusee{width:110px;bottom:12%}
.artsep{display:flex;align-items:center;gap:18px;margin:56px 0 8px}
.artsep::before,.artsep::after{content:"";flex:1;border-top:3px dashed #171c34;opacity:.25}
.artsep img{width:44px;transform:rotate(45deg);animation:float 3.6s ease-in-out infinite}

/* --- CTA final --- */
.artcta{background:#3772FF;border:3px solid #171c34;border-radius:26px;box-shadow:8px 8px 0 #171c34;padding:40px 34px;text-align:center;color:#fff;margin:56px 0 0;position:relative}
.artctafusee{position:absolute;right:-14px;bottom:-18px;width:110px;transform:rotate(-10deg);animation:float 4s ease-in-out infinite;filter:drop-shadow(4px 5px 0 rgba(23,28,52,.3))}
@media (max-width:640px){.artctafusee{width:74px;right:-8px;bottom:-12px}}
.artcta h2{font-family:'Lilita One',cursive;font-size:clamp(26px,3vw,36px);margin:0 0 14px;color:#fff}
.artcta p{color:rgba(255,255,255,.92);max-width:560px;margin:0 auto 26px}

@media (max-width:640px){
  .artbody{font-size:16.5px}
  .artcta{padding:30px 20px}
}