/* ─────────────────────────────────────────────────────────────
   Coach FIRE — questionnaire express, résultat animé, cockpit
   « Et si… ? », défis, scénarios et plan d'action modifiable.
   S'appuie sur les jetons de capfire.css (acier, Barlow, angles vifs).
   ───────────────────────────────────────────────────────────── */

#coach-content{
  --cx-gain:#6fcf97;
  --cx-loss:#e2726f;
  --cx-gold:#d9a441;
  --cx-card:rgba(17,24,52,.72);
  --cx-card-2:rgba(238,241,247,.04);
  --cx-ease:cubic-bezier(.16,.84,.3,1);
  font-family:var(--cf-body);
}

/* ── Primitives ── */
.cx-kicker{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cf-steel-700);margin-bottom:6px}
.cx-h2{font-family:var(--cf-head);font-size:28px;font-weight:600;line-height:1.1;margin:0 0 6px;color:var(--cf-ink)}
.cx-h3{font-family:var(--cf-head);font-size:19px;font-weight:600;margin:26px 0 10px}
.cx-sub{font-size:14px;color:var(--cf-muted);line-height:1.6;margin:0 0 18px;max-width:720px}
.cx-muted{color:var(--cf-muted);font-size:12.5px}
.cx-num{font-variant-numeric:tabular-nums}
.cx-empty{font-size:13.5px;color:var(--cf-muted);margin:6px 0 0}
.cx-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.cx-row.is-center{justify-content:center}
.cx-card{position:relative;background:var(--cx-card);border:1px solid var(--cf-line);padding:28px;margin-bottom:22px;backdrop-filter:blur(6px)}
.cx-sec-head{margin-bottom:4px}

.cx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:var(--cf-head);font-weight:600;font-size:15px;
  color:var(--cf-ink);background:transparent;border:1px solid var(--cf-line);padding:10px 16px;text-decoration:none;text-align:center;max-width:100%;
  transition:background .2s,border-color .2s,transform .15s,box-shadow .2s}
.cx-btn:hover{background:rgba(238,241,247,.07);text-decoration:none;color:var(--cf-ink)}
.cx-btn:active{transform:translateY(1px) scale(.99)}
.cx-btn--primary{background:var(--cf-steel);border-color:var(--cf-steel);color:var(--cf-on-accent)}
.cx-btn--primary:hover{background:#6a92ba;border-color:#6a92ba;color:var(--cf-on-accent);box-shadow:0 6px 24px rgba(89,128,166,.35)}
.cx-btn--gold{background:var(--cx-gold);border-color:var(--cx-gold);color:#05070f}
.cx-btn--gold:hover{color:#05070f;background:#e6b556}
.cx-btn--soft{border-style:dashed;color:var(--cf-steel-700);width:100%}
.cx-btn--ghost{border-color:transparent;color:var(--cf-muted)}
.cx-btn--sm{padding:6px 12px;font-size:13px}
.cx-btn--lg{padding:14px 26px;font-size:17px}
.cx-btn--xl{padding:17px 34px;font-size:19px;letter-spacing:.01em}
.cx-link{background:none;border:none;padding:0;color:var(--cf-steel-700);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;text-decoration:none}
.cx-link:hover{color:var(--cf-steel-300);text-decoration:underline}

.cx-chips{display:flex;flex-wrap:wrap;gap:8px}
.cx-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--cf-line);background:var(--cx-card-2);color:var(--cf-ink);
  font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s var(--cx-ease)}
.cx-chip:hover{border-color:var(--cf-steel);background:rgba(89,128,166,.12)}
.cx-chip.is-on{border-color:var(--cf-steel);background:rgba(89,128,166,.24);color:#fff;box-shadow:inset 0 0 0 1px var(--cf-steel)}
.cx-chip.is-danger:hover{border-color:var(--cx-loss);color:var(--cx-loss);background:rgba(226,114,111,.1)}
.cx-chips.is-big .cx-chip{flex:1;min-width:150px;justify-content:center;flex-direction:column;padding:22px 18px;font-size:17px;font-family:var(--cf-head)}
.cx-chip-ico{font-size:28px;line-height:1}

.cx-delta{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:700;font-family:var(--cf-head);letter-spacing:.02em}
.cx-delta.is-gain{background:rgba(111,207,151,.14);color:var(--cx-gain);border:1px solid rgba(111,207,151,.35)}
.cx-delta.is-loss{background:rgba(226,114,111,.12);color:var(--cx-loss);border:1px solid rgba(226,114,111,.35)}

.cx-bar{height:8px;background:rgba(238,241,247,.1);overflow:hidden}
.cx-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cf-steel),var(--cx-gain));transition:width .8s var(--cx-ease)}
.cx-bar.is-lg{height:12px;margin:10px 0 16px}

.cx-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 20px;margin-bottom:20px;font-size:14px;
  border:1px solid rgba(217,164,65,.35);background:linear-gradient(110deg,rgba(217,164,65,.14),rgba(217,164,65,.02))}
.cx-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;margin-bottom:18px;font-size:12.5px;font-weight:700;
  border:1px solid rgba(89,128,166,.4);background:rgba(89,128,166,.1);color:var(--cf-steel-700)}
.cx-pill.is-gold{border-color:rgba(217,164,65,.4);background:rgba(217,164,65,.1);color:var(--cx-gold)}

/* ── Apparition au scroll ── */
.cx-reveal{opacity:0;transform:translateY(22px)}
.cx-reveal.is-in{opacity:1;transform:none;transition:opacity .7s var(--cx-ease),transform .7s var(--cx-ease)}
.cx-pulse{animation:cxPulse .6s var(--cx-ease)}
@keyframes cxPulse{0%{transform:scale(1)}35%{transform:scale(1.045)}100%{transform:scale(1)}}

/* ── Intro ── */
.cx-intro{text-align:center;padding:56px 24px 40px;border:1px solid var(--cf-line);position:relative;overflow:hidden;
  background:radial-gradient(ellipse 700px 380px at 50% 0%,rgba(89,128,166,.28),transparent 70%),var(--cx-card)}
.cx-intro::after{content:"";position:absolute;inset:auto -20% -60% -20%;height:70%;background:radial-gradient(ellipse at center,rgba(111,207,151,.12),transparent 60%);animation:cxGlow 7s ease-in-out infinite alternate;pointer-events:none}
@keyframes cxGlow{from{transform:translateX(-8%)}to{transform:translateX(8%)}}
.cx-intro-t{font-family:var(--cf-head);font-size:clamp(34px,5.4vw,58px);font-weight:600;line-height:1.02;margin:6px auto 16px;max-width:820px;animation:cxRise .8s var(--cx-ease) both}
.cx-intro-t em{font-style:normal;background:linear-gradient(90deg,var(--cf-steel-300),var(--cx-gain));-webkit-background-clip:text;background-clip:text;color:transparent}
.cx-intro-p{font-size:16px;color:var(--cf-muted);max-width:620px;margin:0 auto 28px;line-height:1.65;animation:cxRise .8s .1s var(--cx-ease) both}
.cx-intro .cx-btn--xl{animation:cxRise .8s .2s var(--cx-ease) both,cxBreath 2.8s 1.2s ease-in-out infinite}
@keyframes cxBreath{0%,100%{box-shadow:0 0 0 0 rgba(89,128,166,.0)}50%{box-shadow:0 0 0 10px rgba(89,128,166,.16)}}
.cx-intro-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:820px;margin:40px auto 18px;text-align:left}
.cx-intro-feats div{padding:16px;border:1px solid var(--cf-line);background:var(--cx-card-2);animation:cxRise .8s var(--cx-ease) both}
.cx-intro-feats div:nth-child(1){animation-delay:.3s}.cx-intro-feats div:nth-child(2){animation-delay:.4s}.cx-intro-feats div:nth-child(3){animation-delay:.5s}
.cx-intro-feats b{display:block;font-family:var(--cf-head);font-size:18px;margin-bottom:4px}
.cx-intro-feats span{font-size:13px;color:var(--cf-muted);line-height:1.5}
@keyframes cxRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* ── Questionnaire express ── */
.cx-ob{max-width:680px;margin:0 auto;padding:8px 0 20px}
.cx-ob-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--cf-muted);margin-bottom:10px}
.cx-ob-prog{height:4px;background:rgba(238,241,247,.1);margin-bottom:26px;overflow:hidden}
.cx-ob-prog i{display:block;height:100%;background:linear-gradient(90deg,var(--cf-steel),var(--cx-gain));transition:width .5s var(--cx-ease)}
.cx-ob-card{border:1px solid var(--cf-line);background:var(--cx-card);padding:32px}
.cx-ob-card.is-fwd{animation:cxSlideIn .45s var(--cx-ease) both}
.cx-ob-card.is-back{animation:cxSlideBack .45s var(--cx-ease) both}
@keyframes cxSlideIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes cxSlideBack{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
.cx-ob-q{font-family:var(--cf-head);font-size:clamp(26px,4vw,34px);font-weight:600;line-height:1.1;margin:0 0 22px}
.cx-ob-hint{font-size:13.5px;color:var(--cf-muted);margin:-12px 0 18px;line-height:1.55}
.cx-ob-field{margin-top:24px}
.cx-ob-field>label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}
.cx-ob-field small{display:block;font-size:12.5px;color:var(--cf-muted);margin-top:8px;line-height:1.55}
.cx-ob-big{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}
.cx-ob-big input{width:100%;max-width:260px;background:transparent;border:none;border-bottom:2px solid var(--cf-line);color:var(--cf-ink);
  font-family:var(--cf-head);font-size:44px;font-weight:600;padding:0 0 4px;font-variant-numeric:tabular-nums;transition:border-color .2s}
.cx-ob-big input:focus{outline:none;border-bottom-color:var(--cf-steel)}
.cx-ob-big span{font-size:16px;color:var(--cf-muted)}
.cx-ob-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}
.cx-ob-mini{display:block;padding:12px 14px;border:1px solid var(--cf-line);background:var(--cx-card-2);transition:border-color .2s}
.cx-ob-mini:focus-within{border-color:var(--cf-steel)}
.cx-ob-mini span{display:block;font-size:12.5px;color:var(--cf-muted);margin-bottom:4px}
.cx-ob-mini div{display:flex;align-items:baseline;gap:6px}
.cx-ob-mini input{width:100%;background:transparent;border:none;color:var(--cf-ink);font-family:var(--cf-head);font-size:24px;font-weight:600;padding:0;font-variant-numeric:tabular-nums}
.cx-ob-mini input:focus{outline:none}
.cx-ob-mini em{font-style:normal;font-size:12px;color:var(--cf-muted)}
.cx-ob-total{margin-top:14px;font-size:14px;color:var(--cf-muted)}
.cx-ob-total b{color:var(--cf-ink);font-family:var(--cf-head);font-size:18px}
.cx-ob-live{display:flex;align-items:center;gap:18px;margin-top:22px;padding:16px 18px;border:1px solid rgba(89,128,166,.35);background:rgba(89,128,166,.08);font-size:14px;line-height:1.5}
.cx-ob-live small{color:var(--cf-muted)}
.cx-ob-live-n{font-family:var(--cf-head);font-size:42px;font-weight:600;color:var(--cx-gain);min-width:96px;font-variant-numeric:tabular-nums}
.cx-ob-live-n.is-neg{color:var(--cx-loss)}
.cx-ob-tip{margin-top:18px;padding:14px 16px;border:1px dashed var(--cf-line);font-size:13.5px;line-height:1.6;color:var(--cf-muted)}
.cx-ob-err{min-height:22px;margin:12px 0 4px;color:var(--cx-loss);font-size:13.5px}
.cx-ob-next{width:100%}
.cx-ob-foot{display:block;text-align:center;margin-top:12px}

/* ── Calcul ── */
.cx-calc{display:flex;flex-direction:column;align-items:center;gap:26px;padding:70px 20px;border:1px solid var(--cf-line);background:var(--cx-card)}
.cx-calc-ring{width:74px;height:74px;border:3px solid rgba(238,241,247,.12);border-top-color:var(--cx-gain);border-radius:50%;animation:cxSpin .9s linear infinite}
@keyframes cxSpin{to{transform:rotate(360deg)}}
.cx-calc-steps div{font-family:var(--cf-head);font-size:19px;color:var(--cf-muted);opacity:0;animation:cxStep .5s var(--d) var(--cx-ease) forwards;text-align:center;margin:6px 0}
.cx-calc-steps div::before{content:"✓ ";color:var(--cx-gain)}
@keyframes cxStep{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ── Hero ── */
.cx-hero{display:grid;grid-template-columns:1fr auto;gap:10px 36px;padding:34px 34px 28px;margin-bottom:22px;border:1px solid rgba(89,128,166,.4);position:relative;overflow:hidden;
  background:radial-gradient(ellipse 620px 320px at 12% 0%,rgba(89,128,166,.32),transparent 70%),radial-gradient(ellipse 420px 280px at 100% 100%,rgba(111,207,151,.12),transparent 70%),var(--cx-card)}
.cx-hero-main{min-width:0}
.cx-hero-age{font-family:var(--cf-head);font-weight:600;line-height:.95;margin:4px 0 8px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.cx-hero-age #cx-age{font-size:clamp(76px,11vw,128px);letter-spacing:-.03em;background:linear-gradient(180deg,#fff,var(--cf-steel-300));-webkit-background-clip:text;background-clip:text;color:transparent}
.cx-hero-a{font-size:clamp(26px,3.6vw,40px);color:var(--cf-muted)}
.cx-hero-sub{font-size:18px;color:var(--cf-ink);margin-bottom:10px}
.cx-hero-delta{min-height:30px;margin-bottom:6px}
.cx-badges{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px}
.cx-badge{padding:6px 12px;font-size:12.5px;font-weight:700;letter-spacing:.02em;background:rgba(89,128,166,.22);border:1px solid rgba(89,128,166,.5);color:#fff}
.cx-badge.is-soft{background:transparent;color:var(--cf-muted);font-weight:600}
.cx-hero-ring{position:relative;width:180px;height:180px;align-self:center}
.cx-ring{width:100%;height:100%;transform:rotate(-90deg)}
.cx-ring-bg{fill:none;stroke:rgba(238,241,247,.1);stroke-width:10}
.cx-ring-fg{fill:none;stroke:var(--cf-steel-300);stroke-width:10;stroke-linecap:butt;transition:stroke-dashoffset 1.1s var(--cx-ease),stroke .4s}
.cx-ring-fg.is-done{stroke:var(--cx-gain)}
.cx-ring-txt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.cx-ring-txt span{font-family:var(--cf-head);font-size:38px;font-weight:600}
.cx-ring-txt small{font-size:11.5px;color:var(--cf-muted);max-width:100px;line-height:1.3}
.cx-hero-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--cf-line);border:1px solid var(--cf-line);margin-top:14px}
.cx-hero-stats>div{background:rgba(5,7,15,.55);padding:14px 16px}
.cx-hero-stats small{display:block;font-size:12px;color:var(--cf-muted);margin-bottom:4px}
.cx-hero-stats b{display:block;font-family:var(--cf-head);font-size:25px;font-weight:600}
.cx-hero-stats em{display:block;font-style:normal;font-size:12px;color:var(--cf-muted);margin-top:2px}
.cx-why{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px;animation:cxRise .5s var(--cx-ease) both}
.cx-rule{padding:14px 16px;border-left:3px solid var(--cf-steel);background:rgba(238,241,247,.04)}
.cx-rule.is-info{border-left-color:var(--cf-grey-400)}
.cx-rule b{display:block;font-size:14px;margin-bottom:4px}
.cx-rule p{font-size:13px;color:var(--cf-muted);line-height:1.6;margin:0}

/* ── Barre compacte ── */
.cx-minibar{position:fixed;left:50%;top:12px;z-index:60;transform:translate(-50%,-140%);transition:transform .45s var(--cx-ease);pointer-events:none;width:min(760px,calc(100% - 32px))}
.cx-minibar.is-on{transform:translate(-50%,0);pointer-events:auto}
.cx-minibar-in{display:flex;align-items:center;gap:14px;padding:10px 16px;background:rgba(11,16,36,.94);border:1px solid rgba(89,128,166,.5);box-shadow:0 10px 40px rgba(0,0,0,.45);backdrop-filter:blur(8px);font-size:14px}
.cx-minibar-age b{font-family:var(--cf-head);font-size:18px}
.cx-minibar-pct{flex:1;min-width:40px;height:6px;background:rgba(238,241,247,.1)}
.cx-minibar-pct i{display:block;height:100%;background:linear-gradient(90deg,var(--cf-steel),var(--cx-gain));transition:width .6s var(--cx-ease)}
.cx-minibar-p{font-weight:700;font-variant-numeric:tabular-nums}

/* ── Mise en page principale ── */
.cx-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}
.cx-main{min-width:0}
.cx-cockpit{position:sticky;top:18px;background:var(--cx-card);border:1px solid rgba(89,128,166,.45);padding:24px 22px;margin-bottom:22px;max-height:calc(100vh - 36px);overflow:auto;
  box-shadow:0 0 0 1px rgba(89,128,166,.08),0 20px 60px rgba(0,0,0,.25)}
.cx-cockpit .cx-sub{font-size:13px;margin-bottom:14px}

/* ── Leviers ── */
.cx-lever{padding:14px 0;border-top:1px solid var(--cf-line)}
.cx-lever.is-cta{border-top:1px solid var(--cf-line);padding-top:16px}
.cx-lever-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}
.cx-lever-label{font-size:13.5px;font-weight:600}
.cx-lever-val{font-family:var(--cf-head);font-size:19px;font-weight:600;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
.cx-lever-hint{font-size:12px;color:var(--cf-muted);margin-top:6px;line-height:1.5}
.cx-range-wrap{position:relative}
.cx-range-base{position:absolute;top:-3px;width:2px;height:22px;margin-left:-1px;background:var(--cx-gold);opacity:0;transition:opacity .3s,left .3s;pointer-events:none}
.cx-range-base.is-on{opacity:.9}
.cx-range-base::after{content:"";position:absolute;top:-5px;left:-3px;border:4px solid transparent;border-top-color:var(--cx-gold)}
.cx-mini-gauge{height:4px;background:rgba(238,241,247,.08);margin-top:10px}
.cx-mini-gauge span{display:block;height:100%;background:linear-gradient(90deg,var(--cx-gold),var(--cx-gain));transition:width .5s var(--cx-ease)}

.cx-range{-webkit-appearance:none;appearance:none;width:100%;height:16px;background:transparent;cursor:pointer;margin:0;--pct:50%}
.cx-range:focus{outline:none}
.cx-range::-webkit-slider-runnable-track{height:6px;background:linear-gradient(90deg,var(--cf-steel) 0,var(--cf-steel-300) var(--pct),rgba(238,241,247,.12) var(--pct))}
.cx-range::-moz-range-track{height:6px;background:rgba(238,241,247,.12)}
.cx-range::-moz-range-progress{height:6px;background:linear-gradient(90deg,var(--cf-steel),var(--cf-steel-300))}
.cx-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;background:#fff;border:3px solid var(--cf-steel);border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.4);transition:transform .15s}
.cx-range::-moz-range-thumb{width:16px;height:16px;background:#fff;border:3px solid var(--cf-steel);border-radius:50%}
.cx-range:hover::-webkit-slider-thumb,.cx-range:active::-webkit-slider-thumb{transform:scale(1.18)}
.cx-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(89,128,166,.4)}

.cx-cockpit-actions{display:grid;gap:8px;max-height:0;overflow:hidden;opacity:0;transition:max-height .45s var(--cx-ease),opacity .3s,margin .3s}
.cx-cockpit-actions.is-on{max-height:200px;opacity:1;margin-top:14px}

/* ── Graphique ── */
.cx-chart-wrap{position:relative;margin-top:8px}
.cx-chart-svg{width:100%;height:auto;display:block;overflow:visible}
.cx-chart-svg text{font-family:var(--cf-body)}
.cx-draw .cx-chart-plot{animation:cxWipe 1.4s var(--cx-ease) both}
@keyframes cxWipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.cx-chart-guide{position:absolute;top:0;bottom:30px;width:1px;background:rgba(238,241,247,.5);opacity:0;pointer-events:none;transition:opacity .15s}
.cx-chart-tip{position:absolute;top:10px;min-width:190px;padding:10px 12px;background:rgba(8,12,28,.96);border:1px solid rgba(89,128,166,.5);font-size:12.5px;opacity:0;pointer-events:none;transition:opacity .15s;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.cx-tip-head{font-weight:700;margin-bottom:2px}
.cx-tip-head em{font-style:normal;font-weight:400;color:var(--cf-muted);margin-left:4px}
.cx-tip-total{font-family:var(--cf-head);font-size:20px;margin-bottom:6px}
.cx-tip-row{display:flex;align-items:center;gap:6px;color:var(--cf-muted);line-height:1.7}
.cx-tip-row i{width:8px;height:8px;flex:none}
.cx-tip-row b{margin-left:auto;color:var(--cf-ink);padding-left:12px}
.cx-tip-row.is-ghost{border-top:1px dashed var(--cf-line);margin-top:4px;padding-top:4px}
.cx-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;font-size:12px;color:var(--cf-muted)}
.cx-legend span{display:inline-flex;align-items:center;gap:6px}
.cx-legend i{width:10px;height:10px;display:inline-block}
.cx-legend i.is-ghost{background:none;border-top:2px dashed #eef1f7;height:0;width:14px}

/* ── Défis ── */
.cx-defis{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:6px 0 14px}
.cx-defi{position:relative;display:flex;flex-direction:column;padding:20px;border:1px solid var(--cf-line);background:var(--cx-card-2);transition:transform .25s var(--cx-ease),border-color .25s,box-shadow .25s;
  animation:cxRise .6s calc(var(--i) * 90ms) var(--cx-ease) both}
.cx-defi:hover{transform:translateY(-3px);border-color:rgba(111,207,151,.5);box-shadow:0 14px 40px rgba(0,0,0,.3)}
.cx-defi-gain{align-self:flex-start;font-family:var(--cf-head);font-size:26px;font-weight:600;color:var(--cx-gain);line-height:1;margin-bottom:10px}
.cx-defi-gain.is-neutral{font-size:15px;color:var(--cx-gold);text-transform:uppercase;letter-spacing:.08em}
.cx-defi h3{font-family:var(--cf-head);font-size:19px;font-weight:600;margin:0 0 4px;line-height:1.2}
.cx-defi-age{font-size:13px;color:var(--cf-steel-700);font-weight:600;margin-bottom:10px}
.cx-defi p{font-size:13px;color:var(--cf-muted);line-height:1.55;margin:0 0 16px;flex:1}
.cx-defi-rule span{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cx-gold);margin-right:6px}
.cx-defi .cx-btn{align-self:flex-start}

/* ── Épargne salariale ── */
.cx-es-empty{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:18px;border:1px dashed var(--cf-line)}
.cx-es-empty p{margin:0;font-size:14px;color:var(--cf-muted);max-width:560px}
.cx-es-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--cf-line);border:1px solid var(--cf-line);margin:10px 0 16px}
.cx-es-grid>div{background:rgba(5,7,15,.5);padding:14px}
.cx-es-grid small{display:block;font-size:12px;color:var(--cf-muted)}
.cx-es-grid b{display:block;font-family:var(--cf-head);font-size:22px;font-weight:600;margin-top:2px}
.cx-es-grid em{font-style:normal;font-size:12px;color:var(--cf-muted)}
.cx-es-gauge{margin:6px 0 16px}
.cx-es-gauge-top{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:8px;flex-wrap:wrap}
.cx-es-warn{font-size:13px;color:var(--cx-gold);margin-top:8px}
.cx-es-ok{font-size:13px;color:var(--cx-gain);margin-top:8px}
.cx-es-rules{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.cx-es-rules div{font-size:12.5px;color:var(--cf-muted);line-height:1.6;padding:12px 14px;border:1px solid var(--cf-line)}
.cx-es-rules b{color:var(--cf-ink)}
.cx-es-form h4{font-family:var(--cf-head);font-size:18px;font-weight:600;margin:18px 0 10px}
.cx-es-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
.cx-field{display:block;margin-bottom:14px}
.cx-field>span{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.cx-field small{display:block;font-size:11.5px;color:var(--cf-muted);margin-top:5px;line-height:1.45}
.cx-field-in{display:flex;align-items:center;border:1px solid var(--cf-line);background:rgba(5,7,15,.55);transition:border-color .2s}
.cx-field-in:focus-within{border-color:var(--cf-steel)}
.cx-field-in input{flex:1;min-width:0;background:transparent;border:none;color:var(--cf-ink);font:inherit;font-size:15px;padding:10px 12px;color-scheme:dark}
.cx-field-in input:focus{outline:none}
.cx-field-in em{font-style:normal;font-size:12px;color:var(--cf-muted);padding-right:12px}

/* ── Scénarios ── */
.cx-sc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:8px 0 18px}
.cx-sc{position:relative;padding:16px;border:1px solid var(--cf-line);border-top:3px solid var(--c);background:var(--cx-card-2);animation:cxRise .5s var(--cx-ease) both}
.cx-sc-top b{font-size:14px}
.cx-sc-name{width:100%;background:transparent;border:none;border-bottom:1px dashed var(--cf-line);color:var(--cf-ink);font:inherit;font-size:14px;font-weight:700;padding:2px 0}
.cx-sc-name:focus{outline:none;border-bottom-color:var(--cf-steel)}
.cx-sc-age{font-family:var(--cf-head);font-size:34px;font-weight:600;color:var(--c);margin:6px 0 4px}
.cx-sc dl{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:10px 0 12px;font-size:12.5px}
.cx-sc dt{color:var(--cf-muted)}
.cx-sc dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.cx-sc-actions{display:flex;gap:6px;flex-wrap:wrap}
.cx-sc-actions .cx-chip{padding:6px 10px;font-size:12px}
.cx-compare{padding-top:6px}
.cx-line-draw{stroke-dasharray:1;stroke-dashoffset:1;animation:cxDraw 1.2s var(--cx-ease) forwards}
.cx-line-draw[stroke-dasharray="5 5"]{stroke-dasharray:5 5;stroke-dashoffset:0;animation:none}
@keyframes cxDraw{to{stroke-dashoffset:0}}

/* ── Plan d'action ── */
.cx-plan-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.cx-plan-prog{display:flex;align-items:center;gap:10px;flex:none}
.cx-plan-prog svg{width:64px;height:64px;transform:rotate(-90deg)}
.cx-plan-prog .cx-ring-bg,.cx-plan-prog .cx-ring-fg{stroke-width:6}
.cx-plan-prog .cx-ring-fg{stroke:var(--cx-gain)}
.cx-plan-prog b{display:block;font-family:var(--cf-head);font-size:24px}
.cx-plan-prog small{font-size:12px;color:var(--cf-muted)}
.cx-phase{border:1px solid var(--cf-line);margin-top:10px;background:rgba(5,7,15,.35);transition:border-color .25s}
.cx-phase.is-open{border-color:rgba(89,128,166,.45)}
.cx-phase.is-complete .cx-phase-n{background:var(--cx-gain);color:#05070f}
.cx-phase-head{display:grid;grid-template-columns:auto 1fr auto 90px auto;align-items:center;gap:14px;width:100%;padding:16px 18px;background:none;border:none;color:var(--cf-ink);font:inherit;text-align:left;cursor:pointer}
.cx-phase-head:hover{background:rgba(238,241,247,.03)}
.cx-phase-n{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:rgba(89,128,166,.25);font-family:var(--cf-head);font-weight:600;font-size:16px;transition:background .3s}
.cx-phase-t b{display:block;font-size:15.5px}
.cx-phase-t small{display:block;font-size:12.5px;color:var(--cf-muted);margin-top:2px}
.cx-phase-c{font-size:13px;color:var(--cf-muted);font-variant-numeric:tabular-nums}
.cx-phase-bar{height:4px;background:rgba(238,241,247,.08)}
.cx-phase-bar i{display:block;height:100%;background:var(--cx-gain);transition:width .6s var(--cx-ease)}
.cx-phase-chev{font-size:18px;color:var(--cf-muted);transition:transform .3s var(--cx-ease)}
.is-open>.cx-phase-head .cx-phase-chev,.cx-fold[aria-expanded="true"] .cx-phase-chev{transform:rotate(180deg)}
.cx-phase-body{padding:0 18px 12px;animation:cxRise .4s var(--cx-ease) both}
.cx-step{display:flex;gap:14px;padding:18px 0;border-top:1px solid var(--cf-line)}
.cx-check{flex:none;width:26px;height:26px;margin-top:1px;border:1.5px solid var(--cf-grey-400);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .25s var(--cx-ease)}
.cx-check:hover{border-color:var(--cx-gain)}
.cx-check svg{width:16px;height:16px;fill:none;stroke:#05070f;stroke-width:2.6;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .35s .05s var(--cx-ease)}
.cx-step.is-done .cx-check{background:var(--cx-gain);border-color:var(--cx-gain)}
.cx-step.is-done .cx-check svg{stroke-dashoffset:0}
.cx-step.is-just-done .cx-check{animation:cxPop .5s var(--cx-ease)}
.cx-step.is-just-done .cx-check svg{animation:cxTick .4s .1s var(--cx-ease) both}
@keyframes cxPop{0%{transform:scale(.6)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
@keyframes cxTick{from{stroke-dashoffset:20}to{stroke-dashoffset:0}}
.cx-step-body{flex:1;min-width:0}
.cx-step-title{font-size:15.5px;font-weight:700;line-height:1.4;transition:color .3s}
.cx-step.is-done .cx-step-title{color:var(--cf-muted);text-decoration:line-through;text-decoration-color:rgba(111,207,151,.6)}
.cx-step-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.cx-tag{font-size:11.5px;padding:3px 8px;border:1px solid var(--cf-line);color:var(--cf-muted)}
.cx-tag.is-late{border-color:rgba(226,114,111,.5);color:var(--cx-loss)}
.cx-step-why{font-size:13.5px;color:var(--cf-muted);line-height:1.65;margin:8px 0 0}
.cx-step-list{margin:10px 0 0;padding-left:20px;font-size:13px;color:var(--cf-muted);line-height:1.65}
.cx-step-list li{margin-bottom:6px}
.cx-step-inputs{margin-top:12px;padding:4px 16px 2px;border:1px solid rgba(89,128,166,.35);background:rgba(89,128,166,.06)}
.cx-step-inputs .cx-lever:first-child{border-top:none}
.cx-fiscal{margin-top:12px;padding:12px 14px;border:1px solid rgba(217,164,65,.25);background:rgba(217,164,65,.06);font-size:12.5px;color:var(--cf-muted);line-height:1.6}
.cx-fiscal span{display:block;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cx-gold);margin-bottom:4px}
.cx-step-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px}
.cx-step-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:12px}
.cx-due{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--cf-muted)}
.cx-due input{background:rgba(5,7,15,.55);border:1px solid var(--cf-line);color:var(--cf-ink);font:inherit;font-size:12px;padding:4px 6px;color-scheme:dark}
.cx-tool{background:none;border:none;padding:0;font:inherit;font-size:12px;color:var(--cf-muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.cx-tool:hover{color:var(--cf-ink)}
.cx-tool.is-danger:hover{color:var(--cx-loss)}
.cx-note{display:block;width:100%;margin-top:10px;background:rgba(5,7,15,.55);border:1px solid var(--cf-line);color:var(--cf-ink);font:inherit;font-size:13px;padding:10px;resize:vertical}
.cx-note:focus{outline:none;border-color:var(--cf-steel)}
.cx-add-step{display:flex;gap:8px;flex-wrap:wrap;padding:16px 0 4px;border-top:1px solid var(--cf-line)}
.cx-add-step input[type=text]{flex:1;min-width:200px}
.cx-add-step input{background:rgba(5,7,15,.55);border:1px solid var(--cf-line);color:var(--cf-ink);font:inherit;font-size:14px;padding:9px 12px;color-scheme:dark}
.cx-add-step input:focus{outline:none;border-color:var(--cf-steel)}

/* ── Détail, hypothèses, verrou ── */
.cx-fold{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.cx-fold .cx-sec-head{margin:0}
.cx-timeline{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.cx-timeline>div{display:grid;grid-template-columns:64px 1fr;gap:10px;font-size:13.5px}
.cx-timeline b{font-family:var(--cf-head);font-size:17px;color:var(--cf-steel-700)}
.cx-timeline small{display:block;font-size:12px;color:var(--cf-muted);line-height:1.55;margin-top:2px}
.cx-hyp-list{margin:10px 0 0;padding-left:18px;font-size:13.5px;color:var(--cf-muted);line-height:1.8}
.cx-hyp-list b{color:var(--cf-ink)}
.cx-disclaimer{font-size:12px;color:var(--cf-muted);line-height:1.6;margin:18px 0 0;padding-top:14px;border-top:1px solid var(--cf-line)}
.cx-backbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px;font-size:13px;color:var(--cf-muted)}
.cx-gate{overflow:hidden;padding:0}
.cx-gate-blur{padding:18px 28px 0;filter:blur(3px);opacity:.45;pointer-events:none;user-select:none}
.cx-gate-in{position:relative;padding:24px 28px 30px;text-align:center;background:linear-gradient(180deg,rgba(17,24,52,0),var(--cx-card) 30%)}
.cx-gate-list{list-style:none;padding:0;margin:14px auto 22px;max-width:520px;text-align:left;font-size:14px;line-height:1.9}
.cx-gate-list li::before{content:"✓";color:var(--cx-gain);font-weight:700;margin-right:10px}
.cx-ref{display:flex;gap:8px;max-width:520px;margin:0 auto}
.cx-ref input{flex:1;min-width:0;background:rgba(5,7,15,.55);border:1px solid var(--cf-line);color:var(--cf-muted);font:inherit;font-size:12px;padding:9px 10px}

/* ── Toast ── */
.cx-toast{position:fixed;left:50%;bottom:24px;z-index:120;transform:translate(-50%,160%);display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;
  max-width:calc(100% - 32px);padding:12px 18px;background:rgba(11,16,36,.97);border:1px solid rgba(111,207,151,.45);box-shadow:0 14px 40px rgba(0,0,0,.5);
  font-family:var(--cf-body);font-size:14px;color:var(--cf-ink);transition:transform .45s var(--cx-ease)}
.cx-toast.is-on{transform:translate(-50%,0)}
.cx-toast .cx-delta{font-size:13px}

/* ── Responsive ── */
@media (max-width:1080px){
  .cx-layout{display:flex;flex-direction:column;gap:0}
  .cx-cockpit{position:relative;top:0;max-height:none;order:-1;width:100%}
  .cx-main{order:2;width:100%}
}
@media (max-width:760px){
  .cx-card{padding:20px 16px}
  .cx-hero{grid-template-columns:1fr;padding:24px 18px}
  .cx-hero-ring{width:140px;height:140px;justify-self:start}
  .cx-ring-txt span{font-size:30px}
  .cx-hero-stats{grid-template-columns:1fr}
  .cx-why{grid-template-columns:1fr}
  .cx-defis{grid-template-columns:1fr}
  .cx-es-grid{grid-template-columns:1fr 1fr}
  .cx-es-rules,.cx-es-cols{grid-template-columns:1fr}
  .cx-intro{padding:36px 16px 28px}
  .cx-intro-feats{grid-template-columns:1fr}
  .cx-ob-card{padding:22px 16px}
  .cx-ob-grid{grid-template-columns:1fr}
  .cx-ob-big input{font-size:36px}
  .cx-phase-head{grid-template-columns:auto 1fr auto auto;gap:10px;padding:14px 12px}
  .cx-phase-bar{display:none}
  .cx-phase-body{padding:0 12px 10px}
  .cx-plan-head{flex-direction:column}
  .cx-minibar-pct{display:none}
  .cx-minibar-in{gap:10px;font-size:13px;flex-wrap:wrap}
  .cx-chips.is-big .cx-chip{min-width:0}
}

@media (prefers-reduced-motion:reduce){
  #coach-content *,#coach-content *::before,#coach-content *::after,.cx-toast{animation:none !important;transition:none !important}
  .cx-reveal{opacity:1;transform:none}
}

/* Sous 900px, la barre d'onglets occupe le bas de l'écran : le toast passe au-dessus. */
@media (max-width:900px){
  .cx-toast{bottom:calc(76px + env(safe-area-inset-bottom))}
}

/* ── Vignette « Mon patrimoine » ── */
.cx-ico{width:22px;height:22px;flex:none}
.cx-pt-totaux{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--cf-line);border:1px solid var(--cf-line);margin:14px 0 18px}
.cx-pt-totaux>div{background:rgba(5,7,15,.55);padding:14px 16px}
.cx-pt-totaux small{display:block;font-size:12px;color:var(--cf-muted);margin-bottom:3px}
.cx-pt-totaux b{font-family:var(--cf-head);font-size:23px;font-weight:600;font-variant-numeric:tabular-nums}
.cx-pt-tabs{display:flex;border:1px solid var(--cf-line);width:max-content;max-width:100%;margin-bottom:16px;overflow-x:auto}
.cx-pt-tabs button{padding:10px 16px;background:none;border:none;color:var(--cf-muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
.cx-pt-tabs button+button{border-left:1px solid var(--cf-line)}
.cx-pt-tabs button.is-on{background:var(--cf-steel);color:var(--cf-on-accent)}
.cx-pt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.cx-pt-tile{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ico txt" "val val";gap:6px 12px;align-items:center;
  padding:16px;text-align:left;background:var(--cx-card-2);border:1px solid var(--cf-line);border-top:3px solid var(--c,var(--cf-steel));color:var(--cf-ink);font:inherit;cursor:pointer;
  transition:transform .2s var(--cx-ease),border-color .2s,background .2s;animation:cxRise .45s var(--cx-ease) both}
.cx-pt-tile:hover{transform:translateY(-2px);background:rgba(238,241,247,.06)}
.cx-pt-tile.is-open{background:rgba(89,128,166,.16);border-color:var(--c,var(--cf-steel))}
.cx-pt-tile.is-add{border-style:dashed;border-top-style:dashed;color:var(--cf-steel-700);grid-template-areas:"ico txt"}
.cx-pt-hint{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:12px 14px;text-align:left;font:inherit;font-size:13px;line-height:1.5;color:var(--cf-ink);
  background:rgba(95,168,160,.12);border:1px dashed #5fa8a0;cursor:pointer;transition:background .2s}
.cx-pt-hint:hover{background:rgba(95,168,160,.2)}
.cx-pt-hint .cx-ico{flex:none;width:22px;height:22px;color:#5fa8a0}
.cx-pt-ico{grid-area:ico;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:color-mix(in srgb,var(--c,var(--cf-steel)) 22%,transparent);color:var(--c,var(--cf-steel-300))}
.cx-pt-tile.is-add .cx-pt-ico{background:rgba(89,128,166,.15);color:var(--cf-steel-300)}
.cx-pt-txt{grid-area:txt;min-width:0}
.cx-pt-txt b{display:block;font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-pt-txt small{display:block;font-size:12px;color:var(--cf-muted);margin-top:2px;line-height:1.4}
.cx-pt-val{grid-area:val;font-family:var(--cf-head);font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}
.cx-pt-val.is-debt{color:#e8a09e;font-size:19px;white-space:nowrap}
.cx-pt-dette{grid-column:1/-1;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#e8a09e}
.cx-pt-dette .cx-ico,.cx-pt-links .cx-ico,.cx-pt-chip .cx-ico{width:15px;height:15px}
.cx-pt-editor{margin-top:14px;padding:18px;border:1px solid rgba(89,128,166,.45);background:rgba(5,7,15,.45);animation:cxRise .35s var(--cx-ease) both}
.cx-pt-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0 16px}
.cx-pt-sub{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cf-steel-700);margin:16px 0 8px}
.cx-pt-sub .cx-ico{width:16px;height:16px}
.cx-pt-subrow{padding:12px 0;border-top:1px solid var(--cf-line)}
.cx-pt-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.cx-pt-pick{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;background:var(--cx-card-2);border:1px solid var(--cf-line);color:var(--cf-ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:center;transition:all .2s var(--cx-ease)}
.cx-pt-pick .cx-ico{width:28px;height:28px;color:var(--c)}
.cx-pt-pick:hover:not([disabled]){border-color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);transform:translateY(-2px)}
.cx-pt-pick[disabled]{opacity:.35;cursor:not-allowed}
.cx-pt-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.cx-pt-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--cf-line);background:var(--cx-card-2);color:var(--cf-ink);font:inherit;font-size:13px;cursor:pointer}
.cx-pt-chip:hover{border-color:var(--cf-steel)}
.cx-pt-chip.is-on{border-color:var(--cf-steel);background:rgba(89,128,166,.28);color:#fff}
.cx-pt-list{display:flex;flex-direction:column;gap:10px}
.cx-pt-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px;background:var(--cx-card-2);border:1px solid var(--cf-line);border-left:3px solid #e2726f;color:var(--cf-ink);font:inherit;text-align:left;cursor:pointer;transition:background .2s}
.cx-pt-row .cx-pt-ico{grid-area:auto;background:rgba(226,114,111,.14);color:#e8a09e}
.cx-pt-row:hover,.cx-pt-row.is-open{background:rgba(238,241,247,.06)}
.cx-pt-row.is-add{border-style:dashed;border-left-color:var(--cf-steel);grid-template-columns:auto 1fr}
.cx-pt-row.is-add .cx-pt-ico{background:rgba(89,128,166,.15);color:var(--cf-steel-300)}
.cx-pt-links{display:flex!important;align-items:center;gap:5px}
.cx-pt-live{margin:4px 0 6px;padding:10px 12px;background:rgba(226,114,111,.08);border:1px solid rgba(226,114,111,.25);font-size:13px;color:var(--cf-muted)}
.cx-pt-live b{color:var(--cf-ink)}
.cx-pt-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:8px}
.cx-pt-person{padding:4px 16px 8px;border:1px solid var(--cf-line);background:var(--cx-card-2)}
.cx-note-txt{font-size:12.5px;color:var(--cf-muted);line-height:1.55;margin:4px 0 10px}

/* ── Case « Imposer cet âge » ── */
.cx-impose{display:flex;align-items:flex-start;gap:10px;margin:2px 0 10px;cursor:pointer;font-size:13px;line-height:1.35}
.cx-impose input{position:absolute;opacity:0;width:1px;height:1px}
.cx-impose-box{flex:none;width:20px;height:20px;margin-top:1px;border:1.5px solid var(--cf-grey-400);display:flex;align-items:center;justify-content:center;transition:all .2s var(--cx-ease)}
.cx-impose-box::after{content:"";width:10px;height:5px;border-left:2px solid #05070f;border-bottom:2px solid #05070f;transform:rotate(-45deg) scale(0);margin-top:-3px;transition:transform .2s var(--cx-ease)}
.cx-impose input:checked+.cx-impose-box{background:var(--cx-gold);border-color:var(--cx-gold)}
.cx-impose input:checked+.cx-impose-box::after{transform:rotate(-45deg) scale(1)}
.cx-impose input:focus-visible+.cx-impose-box{box-shadow:0 0 0 3px rgba(89,128,166,.45)}
.cx-impose small{display:block;color:var(--cf-muted);font-size:11.5px}
.cx-hero-verdict{display:inline-block;margin-top:8px;font-size:15px;line-height:1.5}
.cx-hero-verdict.is-ok{color:var(--cx-gain)}
.cx-hero-verdict.is-ko{color:#f0b26b}
.cx-sc-age small{font-size:13px;color:var(--cx-gold);margin-left:4px}
.cx-sc-marge{font-size:12.5px;margin-top:4px}
.cx-sc-marge.is-ok{color:var(--cx-gain)} .cx-sc-marge.is-ko{color:#f0b26b}

@media (max-width:760px){
  .cx-pt-totaux{grid-template-columns:1fr 1fr}
  .cx-pt-totaux b{font-size:19px}
  .cx-pt-grid{grid-template-columns:1fr}
  .cx-pt-picker{grid-template-columns:1fr 1fr}
  .cx-pt-pick{padding:12px 8px;font-size:12.5px}
  .cx-pt-row{grid-template-columns:auto 1fr;}
  .cx-pt-row .cx-pt-val{grid-column:2}
}
.cx-tip-nominal{font-size:11px;color:var(--cf-muted);margin:-4px 0 6px}
.cx-pt-dca{grid-column:1/-1;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--cx-gain)}
.cx-pt-dca .cx-ico{width:15px;height:15px}
.cx-pt-dca-live{margin:2px 0 4px;font-size:12.5px;color:var(--cf-muted);line-height:1.55}
.cx-pt-dca-live b{color:var(--cf-ink)}
.cx-pt-dca-live .is-ko{color:#f0b26b}
.cx-pt-garde{grid-column:1/-1;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--cf-steel-300)}
.cx-pt-garde .cx-ico{width:15px;height:15px}
.cx-pt-garde-live{margin:2px 0 8px;padding:10px 12px;background:rgba(111,207,151,.07);border:1px solid rgba(111,207,151,.25);font-size:13px;color:var(--cf-muted);line-height:1.55}
.cx-pt-garde-live b{color:var(--cf-ink)}
.cx-pt-garde-live .is-ko{color:#f0b26b}