/*
 * CB Guide Cinema — extension de reportage-cinema.css.
 * Objectif : réutiliser le vocabulaire visuel des reportages pour la page pilier du guide.
 */
body.cb-guide-page{
  background:var(--black);
  color:var(--ivory);
}
body.cb-guide-page.admin-bar .topbar{
  top:32px;
}
@media(max-width:782px){
  body.cb-guide-page.admin-bar .topbar{top:46px;}
}
.cb-story-brand{
  text-decoration:none;
}
.cb-story--guide .hero{
  min-height:100svh;
  align-items:center;
}
.cb-story--guide .hero-bg::after{
  background:
    radial-gradient(circle at 76% 18%,rgba(217,195,154,.18),transparent 24%),
    linear-gradient(90deg,rgba(14,13,11,.94) 0%,rgba(14,13,11,.70) 42%,rgba(14,13,11,.18) 78%),
    linear-gradient(180deg,rgba(14,13,11,.38) 0%,rgba(14,13,11,.10) 50%,rgba(14,13,11,.90) 100%);
}
.cb-story--guide h1{
  max-width:960px;
  text-wrap:balance;
}
.cb-story--guide .lead{
  max-width:760px;
}
.cb-guide-opening{
  align-items:center;
}
.cb-guide-opening__copy{
  display:grid;
  gap:18px;
}
.cb-guide-opening__copy p + p{
  margin-top:0;
}
.cb-guide-chapters{
  background:#f8efe4;
}
.cb-guide-chapters__header{
  max-width:900px;
}
.cb-guide-chapters__grid{
  margin-top:34px;
}
.cb-guide-chapter-card{
  min-height:220px;
}
.cb-guide-chapter-card strong{
  font-size:clamp(25px,2.2vw,34px);
  max-width:10ch;
}
.cb-guide-final-cta{
  border-top:1px solid rgba(36,31,26,.10);
}
.cb-guide-final-cta h2{
  max-width:10ch;
}
.cb-guide-final-cta .final-cta-actions{
  justify-content:flex-end;
}
.cb-basic-page{
  background:#f8efe4;
  color:#241f1a;
  min-height:100vh;
  padding:clamp(70px,8vw,120px) clamp(22px,7vw,110px);
}
.cb-basic-page__article{
  max-width:980px;
  margin:0 auto;
}
.cb-basic-page h1{
  color:#241f1a;
  font-size:clamp(44px,6vw,82px);
}
.cb-basic-page__content{
  margin-top:34px;
  color:#5f554d;
  font-size:18px;
  line-height:1.75;
}
@media(max-width:980px){
  .cb-guide-final-cta .final-cta-actions{justify-content:flex-start;}
}
@media(max-width:640px){
  .cb-story--guide .hero{align-items:end;}
  .cb-story--guide h1{font-size:clamp(50px,17vw,78px);}
  .cb-guide-chapter-card{min-height:auto;}
  .cb-guide-topbar .nav-actions a[href="#chapitres"]{display:none;}
}