/* ==========================================================================
   PAGE « COMMENT ÇA MARCHE » (/comment-ca-marche) — préfixe cmc-
   Même DA que l'accueil et la page Site internet : #0a0a0a + orange,
   Unbounded (titres) + Inter (texte), lueurs orange, boutons .btn.
   Révélations : masquées seulement sous html.cmc-js (posé dans le <head>,
   retiré si cmc.js ne démarre pas) → contenu visible sans JS.
   ========================================================================== */

.cmc-page{--cmc-card:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));--cmc-line:rgba(255,255,255,.09);--cmc-ink-2:rgba(255,255,255,.72)}
.cmc-container{position:relative;z-index:1;width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}

/* la navbar est fixe : les ancres #lsa/#ads/#fiche ne doivent pas passer dessous */
.cmc-ch{scroll-margin-top:92px}

/* navbar : 3 liens dont un long (« Comment ça marche ») — entre 900 et 1279 px
   les liens centrés en absolu chevauchaient le logo / le bouton → liens dans le flux */
@media (min-width:900px) and (max-width:1279px){
  .hero-links{position:static;transform:none;margin:0 auto;padding:6px}
  .hero-link{height:36px;padding:0 12px;font-size:11px}
  .hero-nav-inner > .hero-theme{margin-left:0}
  .hero-link-x{display:none}
}

/* ---------- lueurs d'arrière-plan ---------- */
.cmc-glow{position:absolute;z-index:0;pointer-events:none;border-radius:50%;filter:blur(80px);
  background:radial-gradient(closest-side,rgba(var(--orange-rgb),.9),rgba(var(--orange-rgb),0))}
.cmc-glow--a{width:560px;height:560px;left:-8%;top:6%;opacity:.15;animation:cmc-drift-a 22s ease-in-out infinite alternate}
.cmc-glow--b{width:520px;height:520px;right:-10%;top:12%;opacity:.12;animation:cmc-drift-b 26s ease-in-out infinite alternate}
.cmc-glow--c{width:620px;height:620px;right:-260px;top:20%;opacity:.10;animation:cmc-drift-b 24s ease-in-out infinite alternate}
.cmc-glow--d{width:720px;height:420px;left:50%;top:0;margin-left:-360px;opacity:.10}
.cmc-glow--e{width:600px;height:600px;left:-280px;top:22%;opacity:.11;animation:cmc-drift-a 26s ease-in-out infinite alternate}
@keyframes cmc-drift-a{to{transform:translate(90px,60px) scale(1.12)}}
@keyframes cmc-drift-b{to{transform:translate(-80px,90px) scale(.9)}}

/* ---------- révélation au scroll ---------- */
.cmc-js [data-cmc-reveal]{opacity:0;transform:translateY(28px)}
[data-cmc-reveal]{transition:opacity .9s var(--ease),transform .9s var(--ease)}
.cmc-js [data-cmc-reveal].is-in{opacity:1;transform:none}

/* ==========================================================================
   1. HERO COURT + SOMMAIRE
   ========================================================================== */
.cmc-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(124px,13vw,168px) 0 clamp(50px,6vw,78px)}
.cmc-hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.cmc-hero-grid{position:absolute;inset:0;background-color:#000;
  background-image:url("data:image/svg+xml,%3Csvg width='24' height='40' viewBox='0 0 24 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40c5.523 0 10-4.477 10-10V0C4.477 0 0 4.477 0 10v30zm22 0c-5.523 0-10-4.477-10-10V0c5.523 0 10 4.477 10 10v30z' fill='%23171717' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-size:129.6px 216px;background-position:center top;
  -webkit-mask:linear-gradient(180deg,#000 0%,#000 28%,transparent 92%);mask:linear-gradient(180deg,#000 0%,#000 28%,transparent 92%)}
.cmc-hero-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(50% 42% at 50% 20%,rgba(10,10,10,0),var(--bg) 100%);opacity:.85}
.cmc-hero-bg .cmc-glow{z-index:1}

.cmc-hero-inner{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;
  animation:cmc-drop 1.3s cubic-bezier(.16,1,.3,1) .1s both}
@keyframes cmc-drop{from{opacity:0;transform:translateY(-52px)}to{opacity:1;transform:none}}
.cmc-hero-title{display:flex;flex-direction:column;align-items:center;gap:.14em;max-width:900px;
  font-family:var(--font-display);font-weight:400;font-size:clamp(29px,4.2vw,56px);line-height:1;letter-spacing:-.045em;text-wrap:balance}
.cmc-hero-line{display:block}
.cmc-hl{display:inline-block;margin:0 .02em;padding:.04em .12em .08em .1em;background:var(--orange);color:#0a0a0a;transform:rotate(-2.5deg);line-height:.95;
  box-shadow:0 14px 40px -14px rgba(var(--orange-rgb),.7);animation:cmc-hl-in 1s cubic-bezier(.34,1.56,.64,1) .6s both}
.cmc-hl-txt{display:inline-block;transform:rotate(2.5deg)}
@keyframes cmc-hl-in{from{transform:rotate(-12deg) scale(.6);opacity:0}to{transform:rotate(-2.5deg) scale(1);opacity:1}}
.cmc-hero-sub{max-width:680px;color:var(--cmc-ink-2);font-size:clamp(16px,1.35vw,18px);line-height:1.65;text-wrap:pretty}
.cmc-hero-sub--2{max-width:620px;color:var(--muted)}

/* sommaire */
.cmc-toc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:1080px;margin-top:clamp(22px,3vw,38px);text-align:left}
.cmc-toc-card{position:relative;display:flex;align-items:flex-start;gap:14px;padding:20px 18px;border-radius:var(--radius);
  background:var(--cmc-card);border:1px solid var(--cmc-line);overflow:hidden;
  transition:border-color .4s var(--ease),transform .4s var(--ease),box-shadow .4s var(--ease)}
.cmc-toc-card::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s var(--ease);
  background:radial-gradient(130% 110% at 0% 0%,rgba(var(--orange-rgb),.18),rgba(var(--orange-rgb),0) 62%)}
.cmc-toc-card:hover{border-color:rgba(var(--orange-rgb),.42);transform:translateY(-4px);box-shadow:0 28px 54px -34px rgba(var(--orange-rgb),.6)}
.cmc-toc-card:hover::before{opacity:1}
.cmc-toc-num{position:relative;flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;
  font-family:var(--font-display);font-weight:600;font-size:16px;background:var(--orange);color:#0a0a0a;transform:rotate(-6deg);
  box-shadow:0 10px 24px -10px rgba(var(--orange-rgb),.8);transition:transform .4s var(--ease)}
.cmc-toc-card:hover .cmc-toc-num{transform:rotate(6deg) scale(1.05)}
.cmc-toc-txt{position:relative;display:flex;flex-direction:column;gap:5px;min-width:0}
.cmc-toc-txt strong{font-family:var(--font-display);font-weight:500;font-size:16px;letter-spacing:-.025em}
.cmc-toc-txt span{color:var(--cmc-ink-2);font-size:14.5px;line-height:1.5}
.cmc-toc-go{position:relative;flex:none;margin-left:auto;align-self:center}
.cmc-toc-go svg{width:20px;height:20px;fill:none;stroke:var(--orange);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
  animation:cmc-bob 1.9s ease-in-out infinite}
@keyframes cmc-bob{50%{transform:translateY(3px)}}

/* ==========================================================================
   2. CHAPITRES
   ========================================================================== */
.cmc-ch{position:relative;isolation:isolate;overflow-x:clip;padding:clamp(64px,8vw,110px) 0}
.cmc-ch--2{background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0))}

.cmc-ch-head{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:860px;margin:0 auto clamp(34px,4vw,54px);text-align:center}
.cmc-ch-tag{display:inline-flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:var(--radius-pill);
  background:rgba(var(--orange-rgb),.1);border:1px solid rgba(var(--orange-rgb),.3);
  font-size:13px;font-weight:600;color:var(--orange-ink)}
.cmc-ch-num{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--orange);color:#0a0a0a;
  font-family:var(--font-display);font-weight:600;font-size:13px}
.cmc-ch-title{font-family:var(--font-display);font-weight:600;font-size:clamp(26px,3.5vw,44px);line-height:1.1;letter-spacing:-.035em;text-wrap:balance}
.cmc-accent{color:var(--orange);text-shadow:0 0 34px rgba(var(--orange-rgb),.35)}
.cmc-ch-sub{max-width:700px;color:var(--cmc-ink-2);font-size:clamp(15.5px,1.3vw,17.5px);line-height:1.65;text-wrap:pretty}
.cmc-ch-sub em{font-style:italic;color:var(--text)}

/* ---------- emplacement vidéo 16/9 ---------- */
.cmc-video{margin:0 auto clamp(40px,5vw,66px);max-width:900px}
.cmc-video-box{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;
  background:radial-gradient(90% 120% at 50% 0%,rgba(var(--orange-rgb),.16),rgba(var(--orange-rgb),0) 62%),#121212;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 50px 100px -48px rgba(var(--orange-rgb),.45),0 30px 60px -34px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.06)}
/* l'iframe YouTube collée à la place de .cmc-video-wait prend exactement la même place */
.cmc-video-box > iframe,
.cmc-video-box > video,
.cmc-video-wait{position:absolute;inset:0;width:100%;height:100%;border:0}
.cmc-video-wait{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}
.cmc-video-halo{position:absolute;width:260px;height:260px;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(var(--orange-rgb),.45),rgba(var(--orange-rgb),0));filter:blur(40px);
  animation:cmc-pulse 4.5s ease-in-out infinite}
@keyframes cmc-pulse{50%{transform:scale(1.18);opacity:.7}}
.cmc-video-play{position:relative;display:grid;place-items:center;width:clamp(58px,7vw,74px);height:clamp(58px,7vw,74px);border-radius:50%;
  background:var(--orange);box-shadow:0 18px 44px -14px rgba(var(--orange-rgb),.85)}
.cmc-video-play::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(var(--orange-rgb),.6);
  animation:cmc-ring 2.6s ease-out infinite}
@keyframes cmc-ring{from{transform:scale(1);opacity:.8}to{transform:scale(1.55);opacity:0}}
.cmc-video-play svg{width:28px;height:28px;fill:#0a0a0a;margin-left:3px}
.cmc-video-lbl{position:relative;font-family:var(--font-display);font-weight:500;font-size:clamp(15px,1.5vw,19px);letter-spacing:-.03em}
.cmc-video-meta{position:relative;font-size:13.5px;color:var(--muted)}
.cmc-video-cap{margin-top:12px;text-align:center;font-size:13px;color:var(--muted)}

/* ---------- bloc texte + capture ---------- */
.cmc-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,4vw,56px);align-items:center;
  margin-bottom:clamp(44px,5vw,74px)}
.cmc-split--rev .cmc-split-txt{order:2}
.cmc-split--rev .cmc-shot{order:1}
.cmc-split-txt{display:flex;flex-direction:column;gap:14px}
.cmc-h3{font-family:var(--font-display);font-weight:500;font-size:clamp(19px,2vw,26px);line-height:1.2;letter-spacing:-.03em}
.cmc-h3--c{text-align:center;margin-bottom:clamp(22px,3vw,34px)}
.cmc-p{color:var(--cmc-ink-2);font-size:16px;line-height:1.65}
.cmc-note{padding:14px 16px;border-radius:var(--radius-sm);background:var(--cmc-card);border:1px solid var(--cmc-line);
  border-left:2px solid rgba(var(--orange-rgb),.6);color:var(--cmc-ink-2);font-size:14.5px;line-height:1.6}

.cmc-shot{position:relative;margin:0;padding:10px;border-radius:calc(var(--radius) + 4px);background:#1f1f1f;border:1px solid rgba(255,255,255,.1);
  box-shadow:0 50px 100px -56px rgba(var(--orange-rgb),.4),0 34px 70px -40px rgba(0,0,0,.9)}
.cmc-shot img{width:100%;height:auto;border-radius:var(--radius-sm);background:#202124}
.cmc-shot-cap{margin-top:10px;text-align:center;font-size:12.5px;color:var(--muted)}
.cmc-shot-rank{position:absolute;z-index:2;left:-12px;top:-12px;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;
  font-family:var(--font-display);font-weight:600;font-size:17px;background:var(--orange);color:#0a0a0a;transform:rotate(-6deg);
  box-shadow:0 10px 24px -8px rgba(var(--orange-rgb),.8)}
.cmc-shot--lsa{box-shadow:0 0 0 4px rgba(var(--orange-rgb),.1),0 50px 100px -50px rgba(var(--orange-rgb),.55),0 34px 70px -40px rgba(0,0,0,.9);
  border-color:rgba(var(--orange-rgb),.4)}

/* ---------- pastilles ---------- */
.cmc-pills{display:flex;flex-wrap:wrap;gap:10px}
.cmc-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 15px 8px 11px;border-radius:var(--radius-pill);
  background:var(--cmc-card);border:1px solid var(--cmc-line);font-size:14px;font-weight:500}
.cmc-pill svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--orange);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cmc-pill--on{background:rgba(var(--orange-rgb),.12);border-color:rgba(var(--orange-rgb),.42)}

/* ---------- ce que tape un particulier ---------- */
.cmc-queries{display:flex;flex-direction:column;gap:8px}
.cmc-queries li{display:flex;align-items:center;gap:12px;padding:11px 16px;border-radius:var(--radius-pill);
  background:#1b1b1b;border:1px solid var(--cmc-line);font-size:15px;color:var(--cmc-ink-2)}
.cmc-queries li svg{width:17px;height:17px;flex:none;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round}
.cmc-queries b{color:var(--orange);font-weight:600}

/* ---------- le principe en 3 temps ---------- */
.cmc-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:clamp(44px,5vw,74px)}
.cmc-three-c{position:relative;display:flex;flex-direction:column;gap:9px;padding:24px 20px;border-radius:var(--radius);
  background:var(--cmc-card);border:1px solid var(--cmc-line)}
.cmc-three-n{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(var(--orange-rgb),.14);
  border:1px solid rgba(var(--orange-rgb),.35);color:var(--orange);font-family:var(--font-display);font-weight:600;font-size:15px}
.cmc-three-c strong{font-family:var(--font-display);font-weight:500;font-size:16.5px;letter-spacing:-.025em}
.cmc-three-c p{color:var(--cmc-ink-2);font-size:14.5px;line-height:1.55}

/* ---------- étapes numérotées ---------- */
.cmc-steps-wrap{margin-bottom:clamp(40px,5vw,66px)}
.cmc-steps{position:relative;display:flex;flex-direction:column;gap:14px;max-width:860px;margin:0 auto}
.cmc-step{position:relative;display:flex;gap:18px;padding:22px;border-radius:var(--radius);
  background:var(--cmc-card);border:1px solid var(--cmc-line);
  transition:border-color .4s var(--ease),transform .4s var(--ease)}
.cmc-step:hover{border-color:rgba(var(--orange-rgb),.35);transform:translateX(4px)}
.cmc-step-n{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;
  background:#1c1c1c;border:1px solid var(--cmc-line);color:var(--text);
  font-family:var(--font-display);font-weight:600;font-size:16px;transition:background-color .4s var(--ease),color .4s var(--ease),box-shadow .4s var(--ease),transform .4s var(--ease)}
.cmc-step:hover .cmc-step-n{background:var(--orange);border-color:var(--orange);color:#0a0a0a;transform:rotate(-6deg);box-shadow:0 0 24px rgba(var(--orange-rgb),.5)}
.cmc-step-b{display:flex;flex-direction:column;gap:7px;min-width:0}
.cmc-step-b strong{font-family:var(--font-display);font-weight:500;font-size:17px;letter-spacing:-.025em;line-height:1.25}
.cmc-step-b p{color:var(--cmc-ink-2);font-size:15.5px;line-height:1.62}
.cmc-step-b em{font-style:italic;color:var(--text)}
.cmc-step-note{padding-left:13px;border-left:2px solid rgba(var(--orange-rgb),.5);font-size:14.5px!important;color:var(--muted)!important}
.cmc-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px;margin-top:4px}
.cmc-mini li{position:relative;padding-left:22px;color:var(--cmc-ink-2);font-size:14.5px;line-height:1.5}
.cmc-mini li::before{content:"";position:absolute;left:0;top:.45em;width:13px;height:8px;
  border-left:2px solid var(--orange);border-bottom:2px solid var(--orange);transform:rotate(-45deg)}

/* ---------- encadré « ce qu'il faut retenir » ---------- */
.cmc-key{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:860px;margin:0 auto;padding:clamp(22px,3vw,30px);
  border-radius:var(--radius);border:1px solid rgba(var(--orange-rgb),.32);
  background:radial-gradient(120% 130% at 0% 0%,rgba(var(--orange-rgb),.2),rgba(var(--orange-rgb),0) 62%),var(--cmc-card)}
.cmc-key-h{font-family:var(--font-display);font-weight:500;font-size:clamp(17px,1.8vw,21px);letter-spacing:-.03em}
.cmc-key-p{color:var(--cmc-ink-2);font-size:15.5px;line-height:1.65}
.cmc-key-p strong{color:var(--orange);font-weight:600}
.cmc-next{display:inline-flex;align-items:center;gap:8px;padding:10px 2px;font-family:var(--font-display);font-size:12px;
  text-transform:uppercase;letter-spacing:-.1px;color:var(--text);border-bottom:1px solid rgba(var(--orange-rgb),.45);
  transition:color .3s var(--ease),border-color .3s var(--ease)}
.cmc-next svg{width:16px;height:16px;fill:none;stroke:var(--orange);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:cmc-bob 1.9s ease-in-out infinite}
.cmc-next:hover{color:var(--orange);border-color:var(--orange)}

/* duo : encadré clé + « ce qu'on ne fera pas » */
.cmc-duo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px;max-width:1000px;margin:0 auto;align-items:start}
.cmc-key--duo{max-width:none;margin:0;height:100%}
.cmc-no{display:flex;flex-direction:column;gap:10px;height:100%;padding:clamp(22px,3vw,30px);border-radius:var(--radius);
  background:var(--cmc-card);border:1px solid var(--cmc-line)}
.cmc-no-h{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:500;font-size:clamp(16px,1.6vw,19px);letter-spacing:-.03em}
.cmc-no-h svg{flex:none;width:26px;height:26px;padding:5px;border-radius:50%;background:rgba(255,255,255,.07);
  fill:none;stroke:#d9d9d9;stroke-width:2.2;stroke-linecap:round}
.cmc-no-p{color:var(--cmc-ink-2);font-size:15px;line-height:1.62}

/* ==========================================================================
   3. FIN — « ça coûte quoi ? »
   ========================================================================== */
.cmc-cta{position:relative;isolation:isolate;overflow-x:clip;padding:clamp(56px,7vw,100px) 0 clamp(72px,9vw,120px)}
.cmc-cta-box{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:860px;margin:0 auto;text-align:center;
  padding:clamp(32px,5vw,56px) clamp(22px,4vw,48px);border-radius:calc(var(--radius) + 8px);
  background:radial-gradient(70% 90% at 50% 0%,rgba(var(--orange-rgb),.22),rgba(var(--orange-rgb),0) 68%),var(--cmc-card);
  border:1px solid rgba(var(--orange-rgb),.3);box-shadow:0 60px 120px -70px rgba(var(--orange-rgb),.6)}
.cmc-cta-title{font-family:var(--font-display);font-weight:600;font-size:clamp(25px,3.3vw,42px);line-height:1.1;letter-spacing:-.035em;text-wrap:balance}
.cmc-cta-p{max-width:620px;color:var(--cmc-ink-2);font-size:clamp(15.5px,1.3vw,17px);line-height:1.65;text-wrap:pretty}
.cmc-cta-acts{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:8px}
.cmc-cta-note{font-size:13.5px;color:var(--muted)}

/* ==========================================================================
   4. RESPONSIVE
   ========================================================================== */
@media (max-width:1023px){
  .cmc-toc{grid-template-columns:1fr;max-width:620px}
  .cmc-toc-card{align-items:center}
  .cmc-split,.cmc-split--rev{grid-template-columns:1fr;gap:28px}
  .cmc-split--rev .cmc-split-txt,.cmc-split--rev .cmc-shot{order:0}
  .cmc-three{grid-template-columns:1fr}
  .cmc-duo{grid-template-columns:1fr}
}
@media (max-width:767px){
  .cmc-ch{scroll-margin-top:78px}
  .cmc-mini{grid-template-columns:1fr}
  .cmc-step{padding:18px;gap:14px}
  .cmc-step-n{width:34px;height:34px;border-radius:11px;font-size:14px}
  .cmc-step-b strong{font-size:16px}
  .cmc-step-b p{font-size:15px}
  .cmc-shot{padding:7px}
  .cmc-shot-rank{left:-8px;top:-8px;width:34px;height:34px;font-size:15px}
  .cmc-cta-acts .btn{width:100%}
  .cmc-cta-acts .btn .btn-label{flex:1;justify-content:center}
  .cmc-queries li{font-size:14px;padding:10px 13px}
}
@media (prefers-reduced-motion:reduce){
  .cmc-glow,.cmc-video-halo,.cmc-video-play::after,.cmc-toc-go svg,.cmc-next svg{animation:none}
  .cmc-hero-inner,.cmc-hl{animation:none}
}

/* ==========================================================================
   5. MODE CLAIR — rien du sombre n'est touché
   ========================================================================== */
[data-theme="light"] .cmc-page{
  --cmc-card:linear-gradient(180deg,#fffdf9,#fdfaf4);
  --cmc-line:rgba(15,15,15,.1);
  --cmc-ink-2:rgba(15,15,15,.72);
}
[data-theme="light"] .cmc-accent{color:#b54f08;text-shadow:none}
[data-theme="light"] .cmc-glow{background:radial-gradient(closest-side,rgba(255,160,50,.9),rgba(255,160,50,0))}
[data-theme="light"] .cmc-glow--a{opacity:.2}
[data-theme="light"] .cmc-glow--b{opacity:.16}
[data-theme="light"] .cmc-glow--c,[data-theme="light"] .cmc-glow--e{opacity:.12}
[data-theme="light"] .cmc-glow--d{opacity:.1}
[data-theme="light"] .cmc-hero-grid{background-color:#f6f0e6;
  background-image:url("data:image/svg+xml,%3Csvg width='24' height='40' viewBox='0 0 24 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40c5.523 0 10-4.477 10-10V0C4.477 0 0 4.477 0 10v30zm22 0c-5.523 0-10-4.477-10-10V0c5.523 0 10 4.477 10 10v30z' fill='%23eadfcc' fill-rule='evenodd'/%3E%3C/svg%3E")}
[data-theme="light"] .cmc-hero-bg::after{background:radial-gradient(50% 42% at 50% 20%,rgba(250,247,242,0),var(--bg) 100%)}
[data-theme="light"] .cmc-hl{box-shadow:0 12px 30px -14px rgba(217,96,0,.6)}
[data-theme="light"] .cmc-ch--2{background:linear-gradient(180deg,rgba(90,52,14,.035),rgba(90,52,14,0))}
[data-theme="light"] .cmc-toc-card{box-shadow:0 1px 2px rgba(60,35,10,.05),0 26px 50px -40px rgba(90,52,14,.32)}
[data-theme="light"] .cmc-toc-card:hover{border-color:rgba(230,120,10,.42);box-shadow:0 1px 2px rgba(60,35,10,.05),0 30px 56px -36px rgba(217,96,0,.45)}
[data-theme="light"] .cmc-toc-card::before{background:radial-gradient(130% 110% at 0% 0%,rgba(255,153,28,.16),rgba(255,153,28,0) 62%)}
[data-theme="light"] .cmc-video-box{background:radial-gradient(90% 120% at 50% 0%,rgba(255,153,28,.18),rgba(255,153,28,0) 62%),#fffdf9;
  border-color:rgba(15,15,15,.1);box-shadow:0 50px 90px -50px rgba(217,96,0,.45),0 30px 60px -36px rgba(90,52,14,.4)}
[data-theme="light"] .cmc-shot{background:#f1ebe1;border-color:rgba(15,15,15,.1);
  box-shadow:0 1px 2px rgba(60,35,10,.05),0 44px 84px -56px rgba(217,96,0,.4),0 30px 60px -40px rgba(60,35,10,.4)}
[data-theme="light"] .cmc-shot img{background:#fff}
[data-theme="light"] .cmc-shot--lsa{border-color:rgba(230,120,10,.42);box-shadow:0 0 0 4px rgba(var(--orange-rgb),.14),0 44px 84px -50px rgba(217,96,0,.5)}
[data-theme="light"] .cmc-step{box-shadow:0 1px 2px rgba(60,35,10,.05)}
[data-theme="light"] .cmc-step:hover{border-color:rgba(230,120,10,.4)}
[data-theme="light"] .cmc-three-c,[data-theme="light"] .cmc-no{box-shadow:0 1px 2px rgba(60,35,10,.05)}
[data-theme="light"] .cmc-queries li{background:#fffdf9;border-color:rgba(15,15,15,.1)}
[data-theme="light"] .cmc-queries b{color:#b54f08}
[data-theme="light"] .cmc-key-p strong{color:#b54f08}
[data-theme="light"] .cmc-key{background:radial-gradient(120% 130% at 0% 0%,rgba(255,153,28,.2),rgba(255,153,28,0) 62%),#fffdf9;border-color:rgba(230,120,10,.32)}
[data-theme="light"] .cmc-note{background:#fffdf9;border-left-color:rgba(230,120,10,.6)}
[data-theme="light"] .cmc-step-n{background:#fff}
[data-theme="light"] .cmc-step:hover .cmc-step-n{background:var(--orange);color:#0a0a0a}
[data-theme="light"] .cmc-three-n{color:#b54f08}
[data-theme="light"] .cmc-no-h svg{background:rgba(15,15,15,.06);stroke:#5e584f}
[data-theme="light"] .cmc-cta-box{background:radial-gradient(70% 90% at 50% 0%,rgba(255,153,28,.2),rgba(255,153,28,0) 68%),#fffdf9;
  border-color:rgba(230,120,10,.3);box-shadow:0 1px 2px rgba(60,35,10,.05),0 50px 100px -70px rgba(217,96,0,.6)}
[data-theme="light"] .cmc-next svg{stroke:#b54f08}
[data-theme="light"] .cmc-next:hover{color:#b54f08;border-color:#b54f08}
[data-theme="light"] .cmc-toc-go svg,[data-theme="light"] .cmc-pill svg{stroke:#b54f08}
[data-theme="light"] .cmc-mini li::before{border-color:#b54f08}

/* --- Bas de page : les deux autres leviers --- */
.cmc-other{padding:clamp(48px,6vw,80px) var(--gutter,20px) 0}
.cmc-other-in{max-width:880px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px}
.cmc-other-k{margin:0;font:600 14px/1 var(--font-body);color:var(--muted)}
.cmc-other-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cmc-other-card{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:18px;text-decoration:none;color:var(--text);
  border:1px solid var(--line-strong,rgba(255,255,255,.14));background:rgba(255,255,255,.03);transition:border-color .3s,transform .3s var(--ease),background .3s}
.cmc-other-card:hover{border-color:var(--orange);transform:translateY(-3px);background:rgba(var(--orange-rgb),.06)}
.cmc-other-n{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--orange);color:#0a0a0a;font:800 15px/1 var(--font-display)}
.cmc-other-t{flex:1;display:flex;flex-direction:column;gap:3px}
.cmc-other-t b{font:700 16px/1.2 var(--font-display);letter-spacing:-.02em}
.cmc-other-t span{font-size:13.5px;color:var(--muted)}
.cmc-other-card svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--orange);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)}
.cmc-other-card:hover svg{transform:translateX(4px)}
@media (max-width:700px){.cmc-other-grid{grid-template-columns:1fr}}
[data-theme="light"] .cmc-other-card{background:#fff;border-color:rgba(60,40,20,.14);box-shadow:0 14px 30px -22px rgba(90,50,10,.4)}