/* AFRO BRAIN® — Article 01 / extension de resource-pages.css
   Tous les éléments de marque réutilisent les assets et composants du site v55. */

/* Carte de l'article dans /ressources/pour-les-grands */
.articleTeaser{
  display:block;
  color:#1c1510;
  text-decoration:none;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.articleTeaserMeta{
  display:block;
  margin:0 0 10px;
  color:#ad7e25;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.articleTeaser h2{margin-bottom:9px}
.articleTeaser p{margin:0 0 14px}
.articleTeaserCta{
  display:inline-block;
  color:#8c3b24;
  font-size:13px;
  font-weight:800;
}
@media(hover:hover){
  .articleTeaser:hover{
    transform:translateY(-3px);
    border-color:rgba(206,161,63,.7);
    box-shadow:0 14px 30px rgba(28,21,16,.10);
  }
}

/* Page article : le panneau est le composant .resourcePanel du site. */
.articlePanel{max-width:900px}
.articlePanel > :not(.cardCowrie){position:relative;z-index:1}

/* Cauri d'angle : même asset, taille, position et opacité que les cartes Ressources. */
.articlePanel .cardCowrie{width:92px;height:92px;top:-14px;right:-14px;opacity:.05}

.articleCategory{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 23px;
}
/* La pastille et le SVG reprennent directement .cardIcon de la page Ressources. */
.articleCategory .cardIcon{flex:0 0 52px}
.articleCategoryLabel{
  color:#ad7e25;
  font-size:11px;
  font-weight:800;
  letter-spacing:.28em;
  text-transform:uppercase;
}

.articlePanel > h1{
  max-width:760px;
  margin:0 0 24px;
  color:#1c1510;
  font-size:clamp(44px,5.4vw,64px);
  line-height:1.04;
  letter-spacing:-.018em;
  text-wrap:balance;
}
.articleIntro{
  max-width:755px;
  margin:0 0 24px;
  color:#443a32;
  font-size:18px;
  line-height:1.75;
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
  -webkit-hyphens:auto;
}
.articleMeta{
  display:flex;
  flex-wrap:wrap;
  gap:10px 22px;
  padding-top:18px;
  border-top:1px solid #eadfce;
  color:#655b51;
  font-size:12px;
}

/* Séparateur officiel AFRO BRAIN : lignes #e3dbcc + cauri noir 20 px. */
.articleSeparator{
  display:flex;
  align-items:center;
  gap:16px;
  margin:38px 0;
}
.articleSeparatorLine{height:1px;background:#e3dbcc;flex:1 1 auto}
.articleSeparatorMark{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 20px;
  width:20px;
  line-height:0;
}
.articleSeparatorMark img{
  display:block;
  width:20px;
  height:auto;
  max-width:none;
  max-height:none;
  object-fit:contain;
}

.articleContent{max-width:730px;margin:0 auto}
.articleContent section{margin:0 0 45px}
.articleContent h2{
  margin:0 0 18px;
  color:#1c1510;
  font-size:clamp(30px,3.5vw,39px);
  line-height:1.18;
}
.articleContent p{
  margin:0 0 20px;
  color:#302922;
  font-size:16.5px;
  line-height:1.82;
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
  -webkit-hyphens:auto;
}
.articleContent strong{color:#1c1510;font-weight:800}
.articleContent em{font-style:italic}

/* Sources : aucun trait entre les références. */
.articleSources{margin-top:0;padding-top:0;border:0}
.articleReference{padding:8px 0;border:0}
.articleReferenceLabel{
  margin:0 0 4px;
  color:#1c1510;
  font-size:13px;
  font-weight:800;
}
.articleReference p{
  margin:0;
  color:#443a32;
  font-size:13px;
  line-height:1.68;
  text-align:left;
  hyphens:none;
}
.articleReference a{color:#8c3b24;overflow-wrap:anywhere}

/* Réutilisation du bloc .soon existant pour « À retenir ». */
.articleTakeaway{margin-top:10px;margin-bottom:0}
.articleTakeaway p{
  margin:0;
  color:#655b51;
  font-size:15px;
  line-height:1.72;
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
}
.articleTakeawayTitle{font-size:clamp(24px,3vw,30px)!important}
.articleBackBottom{max-width:730px;margin:36px auto 0}
.articleBackBottom a{
  color:#8c3b24;
  text-decoration:none;
  font-size:13px;
  font-weight:700;
}
.articleBackBottom a:hover{text-decoration:underline;text-decoration-color:#cea13f;text-underline-offset:4px}

/* Langue : EN n'est pas encore disponible pour cet article. */
.articleLang button:disabled{cursor:default;color:#9a938a;opacity:1}

@media(max-width:700px){
  .articlePanel > h1{font-size:clamp(39px,11vw,50px)}
  .articleIntro{font-size:16.5px;line-height:1.72}
  .articleContent p{font-size:15.5px;line-height:1.78}
  .articleCategory .cardIcon{width:48px;height:48px;flex-basis:48px}
  .articlePanel .cardCowrie{width:72px;height:72px;top:-10px;right:-10px}
  .articleSeparator{gap:14px;margin:34px 0}
  .articleTakeaway{padding:24px}
}
@media(prefers-reduced-motion:reduce){.articleTeaser{transition:none}}