/* ============================================================
   Article (single post) — lecture confortable, à la charte
   ============================================================ */
.st-article-eyebrow{
  display:block; max-width:760px; margin:0 auto 14px; text-align:center;
  font-family:'JetBrains Mono',monospace; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase;
}
.st-article-eyebrow a{ color:#3F6CB0; text-decoration:none; }

.st-article-title{
  max-width:780px; margin:0 auto 16px; text-align:center;
  font-family:'Hanken Grotesk',sans-serif; font-weight:800;
  font-size:clamp(2rem,4.4vw,3rem); line-height:1.12; letter-spacing:-.03em; color:#1C1B24;
}
.st-article-meta{
  max-width:760px; margin:0 auto 34px; text-align:center;
  font-family:'JetBrains Mono',monospace; font-size:.8rem; color:#9a98a6;
}

.st-article-img{ max-width:980px; margin:0 auto 40px; }
.st-article-img img{ width:100%; height:auto; border-radius:18px; display:block; }

/* Corps de l'article */
.st-article-body{ font-size:1.08rem; line-height:1.78; color:#2c2a35; }
.st-article-body > *{ max-width:760px; margin-left:auto; margin-right:auto; }
.st-article-body > .alignwide{ max-width:980px; }
.st-article-body > .alignfull{ max-width:none; }
.st-article-body h2{ font-family:'Hanken Grotesk',sans-serif; font-weight:800; font-size:1.7rem; letter-spacing:-.02em; margin:2.5rem auto 1rem; color:#1C1B24; }
.st-article-body h3{ font-family:'Hanken Grotesk',sans-serif; font-weight:700; font-size:1.3rem; margin:1.9rem auto .7rem; color:#1C1B24; }
.st-article-body p{ margin:0 auto 1.2rem; }
.st-article-body ul,.st-article-body ol{ padding-left:1.3rem; margin:0 auto 1.2rem; }
.st-article-body li{ margin-bottom:.5rem; }
.st-article-body img{ height:auto; border-radius:14px; }
.st-article-body a{ color:#3F6CB0; text-decoration:underline; }
.st-article-body blockquote{
  border-left:3px solid #6C9CE4; padding-left:1.3rem; margin:1.6rem auto; color:#55525f; font-style:italic;
}
.st-article-body strong{ color:#1C1B24; }

/* Encart boutique en fin d'article */
.st-article-cta{
  max-width:760px; margin:54px auto 0; background:#1C1B24; color:#fff;
  border-radius:24px; padding:40px 32px; text-align:center;
}
.st-article-cta h3{ font-family:'Hanken Grotesk',sans-serif; font-weight:800; font-size:1.55rem; margin:0 0 8px; }
.st-article-cta p{ color:rgba(255,255,255,.82); margin:0 0 22px; font-size:1.02rem; }
.st-article-cta-btn{
  display:inline-block; background:#FCCC48; color:#1C1B24 !important;
  font-family:'Hanken Grotesk',sans-serif; font-weight:700; font-size:.95rem;
  padding:.85rem 1.7rem; border-radius:12px; text-decoration:none; transition:transform .15s ease;
}
.st-article-cta-btn:hover{ transform:translateY(-2px); }

/* ============================================================
   Charte FORCÉE sur le corps d'article (reprend la main sur
   l'habillage intégré au contenu des anciens articles).
   ============================================================ */
.st-article-body,
.st-article-body p,
.st-article-body li{
  font-family:'Inter',sans-serif !important;
  color:#2c2a35 !important;
}
.st-article-body{ font-size:1.08rem !important; line-height:1.78 !important; }

.st-article-body h1,
.st-article-body h2,
.st-article-body h3,
.st-article-body h4{
  font-family:'Hanken Grotesk',sans-serif !important;
  color:#1C1B24 !important;
  letter-spacing:-.02em !important;
  line-height:1.2 !important;
}
.st-article-body h2{ font-size:1.7rem !important; font-weight:800 !important; margin:2.6rem 0 1rem !important; }
.st-article-body h3{ font-size:1.32rem !important; font-weight:800 !important; margin:2rem 0 .7rem !important; }
.st-article-body h4{ font-size:1.12rem !important; font-weight:700 !important; margin:1.6rem 0 .6rem !important; }

.st-article-body a{ color:#3F6CB0 !important; text-decoration:underline; }
.st-article-body strong,
.st-article-body b{ color:#1C1B24 !important; font-weight:700 !important; }

.st-article-body blockquote{
  border-left:3px solid #6C9CE4 !important;
  padding:.2rem 0 .2rem 1.3rem !important;
  margin:1.6rem auto !important;
  color:#55525f !important; font-style:italic;
  background:none !important;
}
/* Images du contenu : coins arrondis homogènes */
.st-article-body img{ border-radius:14px; }