/* ============================================================
   GUIDE DUVÉA — styles propres aux pages article (Vague 2.2)
   S'ajoute à guide.css (CSS complet de la vitrine). Utilise les
   tokens de la vitrine : --bleu, --ocre, --creme, --rouge.
   ============================================================ */

/* Fil d'Ariane */
.guide-breadcrumb{
  max-width:1180px;
  margin:0 auto;
  padding:22px 24px 0;
  font-family:'Manrope',sans-serif;
  font-size:13px;
  color:var(--bleu);
}
.guide-breadcrumb a{
  color:var(--bleu);
  text-decoration:none;
  opacity:.65;
  transition:opacity .15s ease;
}
.guide-breadcrumb a:hover{opacity:1;text-decoration:underline;}
.guide-breadcrumb .sep{opacity:.4;margin:0 8px;}
.guide-breadcrumb strong{font-weight:600;}

/* Conteneur de lecture — largeur confortable ~700px */
.guide-prose{
  max-width:700px;
  margin:0 auto;
  padding:28px 24px 64px;
  font-family:'Manrope',sans-serif;
  color:#2d2a26;
}
.guide-prose h1{
  font-family:'Fraunces',serif;
  font-weight:700;
  font-size:clamp(30px,4.4vw,46px);
  line-height:1.16;
  letter-spacing:-0.015em;
  color:var(--bleu);
  margin:6px 0 18px;
}
.guide-prose h2{
  font-family:'Fraunces',serif;
  font-weight:600;
  font-size:clamp(21px,2.6vw,27px);
  line-height:1.28;
  letter-spacing:-0.01em;
  color:var(--bleu);
  margin:46px 0 14px;
}
.guide-prose p{
  font-size:16.5px;
  line-height:1.72;
  margin:0 0 16px;
}
.guide-prose .lead{
  font-family:'Fraunces',serif;
  font-weight:500;
  font-size:clamp(18px,2.1vw,21px);
  line-height:1.5;
  color:var(--bleu);
  margin:0 0 26px;
}
.guide-prose ul{
  margin:0 0 18px;
  padding:0;
  list-style:none;
}
.guide-prose li{
  position:relative;
  font-size:16.5px;
  line-height:1.62;
  margin:0 0 12px;
  padding-left:24px;
}
.guide-prose li::before{
  content:'\25C6';
  position:absolute;
  left:0;
  top:2px;
  font-size:11px;
  color:var(--ocre);
}
.guide-prose strong{color:var(--bleu);font-weight:700;}
.guide-prose em{font-style:italic;}
.guide-prose .cta{
  margin-top:30px;
  padding-top:22px;
  border-top:1px solid rgba(11,37,69,0.12);
  font-family:'Fraunces',serif;
  font-style:italic;
  font-size:17px;
  color:var(--bleu);
}

/* CTA final — bouton vers la boutique couettes */
.guide-cta-final{
  max-width:700px;
  margin:0 auto 72px;
  padding:0 24px;
  text-align:center;
}
.guide-cta-final a{
  display:inline-block;
  background:var(--bleu);
  color:var(--creme);
  font-family:'Manrope',sans-serif;
  font-weight:600;
  font-size:15px;
  text-decoration:none;
  padding:16px 36px;
  border-radius:999px;
  transition:background .2s ease,transform .2s ease;
}
.guide-cta-final a:hover{
  background:var(--ocre);
  color:var(--bleu);
  transform:translateY(-1px);
}

@media (max-width:600px){
  .guide-prose{padding:20px 20px 52px;}
  .guide-breadcrumb{padding:18px 20px 0;}
}