/* ==========================================================================
   OPTIMYS — Check-up IA (04/11/2026)
   Aucun attribut style en ligne (CSP) : tout passe par des classes.
   ========================================================================== */
.entete--ck{padding-top:calc(3.6rem + .6rem + clamp(1rem,3vh,2rem));padding-bottom:clamp(1.5rem,4vh,2.5rem)}
.entete--ck .entete__surtitre{margin-bottom:.4rem}
.entete--ck .titre-1{font-size:min(var(--t-3xl),clamp(1.75rem,1.1rem + 2.4vw,3rem));max-width:26ch}
.entete--ck .chapeau{font-size:clamp(1rem,.95rem + .25vw,1.125rem);margin-top:.75rem;max-width:46rem}

.ck-section{padding-block:clamp(1.5rem,4vw,3rem)}
.ck{max-width:44rem;margin-inline:auto}
.ck-carte{color:#17161c;--texte:#17161c;--texte-2:#5c574f;background:linear-gradient(180deg,#fff 0,#fbf8f3 100%);border:1px solid var(--trait);border-radius:1rem;box-shadow:var(--ombre-capture);overflow:hidden}
.ck-barre{height:4px;background:rgba(242,155,69,.18)}
.ck-barre__rempli{display:block;height:100%;width:0;background:linear-gradient(90deg,#f6b067,var(--orange));transition:width 420ms var(--courbe)}
.ck-corps{padding:clamp(1.25rem,3.5vw,2.25rem)}

.ck-tete{display:flex;align-items:center;gap:1rem;min-height:2.25rem;margin-bottom:clamp(1rem,2.5vw,1.5rem)}
.ck-surtitre{margin:0;font:600 .75rem/1.2 var(--f-texte);letter-spacing:.12em;text-transform:uppercase;color:#a3561c}
.ck-retour{display:inline-flex;align-items:center;gap:.35rem;margin-left:-.35rem;padding:.5rem .45rem;background:none;border:0;border-radius:.5rem;font:600 var(--t-s)/1 var(--f-texte);color:#5c574f;cursor:pointer}
.ck-retour svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ck-retour:hover{color:#17161c}
.ck-retour[hidden]{display:none}
.ck-compteur{flex:none;white-space:nowrap;margin:0 0 0 auto;font:600 .875rem/1 var(--f-titre);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#17161c}
.ck-retour:focus-visible,.ck-opt:focus-visible,.ck-btn:focus-visible,.ck-lien:focus-visible,.ck-champ input:focus-visible,.ck-seg button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}

.ck-titre{margin:0 0 1rem;max-width:26ch;font-family:var(--f-titre);font-weight:650;font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem);line-height:1.12;letter-spacing:-.016em;color:#17161c;text-wrap:balance}
.ck-titre:focus{outline:0}
.ck-q{max-width:34ch}
.ck-texte{margin:0 0 1.25rem;max-width:40rem;font-size:var(--t-m);line-height:1.55;color:#3a362f;text-wrap:pretty}
.ck-aide{margin:0 0 1.25rem;font-size:var(--t-s);color:#5c574f}

.ck-champ{display:grid;gap:.5rem;margin:1.25rem 0 1rem;max-width:20rem}
.ck-champ label{font:600 var(--t-m)/1.3 var(--f-titre);color:#17161c}
.ck-champ input{width:100%;padding:.85rem 1rem;font:500 1.25rem/1.2 var(--f-texte);color:#17161c;background:#fff;border:1.5px solid #cfc8bb;border-radius:.6rem;font-variant-numeric:tabular-nums}
.ck-champ input[aria-invalid="true"]{border-color:var(--erreur)}
.ck-erreur{margin:0 0 1rem;font-size:var(--t-s);color:var(--erreur)}
.ck-erreur[hidden]{display:none}

.ck-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3rem;padding:.8rem 1.5rem;font:600 1rem/1 var(--f-texte);color:#0b0b11;background:var(--orange);border:0;border-radius:.6rem;cursor:pointer;text-decoration:none}
.ck-btn:hover{background:#f6a95c}
.ck-btn--grand{min-height:3.4rem;padding-inline:2rem;font-size:1.0625rem}
.ck-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.5rem}
.ck-lien{background:none;border:0;padding:.4rem 0;font:500 var(--t-s)/1.3 var(--f-texte);color:#5c574f;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.ck-lien:hover{color:#17161c}
.ck-discret{font-size:var(--t-xs);color:#5c574f;margin:1rem 0 0}

/* Réponses : une ligne pleine largeur par réponse */
.ck-opts{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}
.ck-opt{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.9rem;width:100%;min-height:3.4rem;padding:.8rem 1rem;text-align:left;font:600 1rem/1.3 var(--f-titre);color:#17161c;background:#fff;border:1.5px solid #e1dbd0;border-radius:.75rem;cursor:pointer;transition:border-color var(--duree) var(--courbe),background-color var(--duree) var(--courbe)}
.ck-opt:hover{border-color:#cfae86;background:#fffaf3}
.ck-opt[aria-pressed="true"]{border-color:var(--orange);background:#fff4e6}
.ck-opt__num{display:grid;place-items:center;width:1.75rem;height:1.75rem;font:600 .8125rem/1 var(--f-titre);color:#5c574f;border:1px solid #d6cfc2;border-radius:50%;font-variant-numeric:tabular-nums}
.ck-opt[aria-pressed="true"] .ck-opt__num{color:#0b0b11;background:var(--orange);border-color:var(--orange)}
.ck-opt--na{font-weight:500;color:#5c574f;background:transparent;border-style:dashed}
.ck-opt--na .ck-opt__num{border-style:dashed}

.ck-pourquoi{margin:0 0 1.25rem;padding:.9rem 1rem;font-size:var(--t-s);line-height:1.55;color:#3a362f;background:#f4f1eb;border-radius:.6rem}
.ck-pourquoi strong{color:#17161c}
.ck-ref{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:.6rem 0 0;font-size:var(--t-xs);color:#5c574f}
.ck-badge{display:inline-block;padding:.2rem .55rem;font:600 .75rem/1.2 var(--f-texte);border-radius:99px;background:#e9e4da;color:#3a362f}
.ck-badge--now{background:#fbe3dd;color:#8a1f14}
.ck-badge--soon{background:#fdeccf;color:#7a4a00}
.ck-badge--later{background:#e4ece6;color:#1e5a3a}

/* Cadrage : récapitulatif périmètre */
.ck-liste{display:grid;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none}
.ck-liste li{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:baseline;padding:.65rem .85rem;font-size:var(--t-s);line-height:1.45;background:#fff;border:1px solid #e7e1d7;border-radius:.6rem}
.ck-puce{width:.55rem;height:.55rem;margin-top:.4rem;border-radius:50%;background:#1f6b4a}
.ck-puce--non{background:#9a9489}
.ck-liste strong{font-family:var(--f-titre);color:#17161c}
.ck-liste small{display:block;color:#5c574f;font-size:var(--t-xs)}

/* Résultat */
.ck-score{display:grid;gap:.5rem;margin:0 0 1.5rem}
.ck-score__nombre{margin:0;font:700 clamp(3rem,2rem + 5vw,4.5rem)/1 var(--f-titre);letter-spacing:-.03em;color:#17161c;font-variant-numeric:tabular-nums}
.ck-niveau{display:inline-block;justify-self:start;align-self:start;padding:.3rem .8rem;font:600 .9375rem/1.2 var(--f-titre);border-radius:99px}
.ck-niveau--rouge{background:#fbe3dd;color:#8a1f14}
.ck-niveau--fragile{background:#fdeccf;color:#7a4a00}
.ck-niveau--route{background:#f3efc6;color:#5c5200}
.ck-niveau--solide{background:#dcefe3;color:#17543a}
.ck-jauge{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;height:.6rem;margin:.5rem 0 .25rem}
.ck-jauge span{background:#e4dfd6;border-radius:2px;overflow:hidden}
.ck-jauge i{display:block;height:100%;background:#a3561c}
.ck-alerte{margin:0 0 1.25rem;padding:1rem 1.1rem;font-size:var(--t-s);line-height:1.5;color:#5c140d;background:#fbe3dd;border-left:4px solid #b3261e;border-radius:.4rem}
.ck-alerte strong{display:block;margin-bottom:.25rem}
.ck-h3{margin:1.75rem 0 .75rem;font:650 1.125rem/1.2 var(--f-titre);color:#17161c}
.ck-blocs{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}
.ck-bloc{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem .75rem;align-items:center;font-size:var(--t-s)}
.ck-bloc__nom{color:#17161c}
.ck-bloc__val{font:600 var(--t-s)/1 var(--f-titre);font-variant-numeric:tabular-nums;color:#17161c}
.ck-bloc__barre{grid-column:1/-1;height:.45rem;background:#e4dfd6;border-radius:99px;overflow:hidden}
.ck-bloc__barre span{display:block;height:100%;width:0;background:#a3561c;border-radius:99px}
.ck-radar{display:block;width:100%;max-width:22rem;height:auto;margin:.5rem auto 0}
.ck-radar text{font:500 9px var(--f-texte);fill:#3a362f}
.ck-prio{counter-reset:p;display:grid;gap:.6rem;margin:0;padding:0;list-style:none}
.ck-prio li{counter-increment:p;display:grid;grid-template-columns:auto 1fr;gap:.75rem;padding:.8rem .9rem;background:#fff;border:1px solid #e7e1d7;border-radius:.6rem;font-size:var(--t-s);line-height:1.5}
.ck-prio li::before{content:counter(p);display:grid;place-items:center;width:1.6rem;height:1.6rem;font:700 .8125rem/1 var(--f-titre);color:#fff;background:#17161c;border-radius:50%}
.ck-prio small{display:block;margin-top:.25rem;color:#5c574f}
.ck-dates{display:grid;gap:.4rem;margin:0;padding:0;list-style:none;font-size:var(--t-s)}
.ck-dates li{display:grid;grid-template-columns:7.5rem 1fr;gap:.75rem}
.ck-dates time{font-weight:600;font-variant-numeric:tabular-nums;color:#17161c}
.ck-fin{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e7e1d7}

/* Sous la carte : explications */
.ck-infos{max-width:44rem;margin:clamp(2rem,5vw,3.5rem) auto 0;display:grid;gap:1.5rem}
.ck-infos h2{margin:0 0 .5rem;font:650 clamp(1.2rem,1.05rem + .6vw,1.5rem)/1.15 var(--f-titre);color:#f4efe6}
.ck-infos p,.ck-infos li{font-size:var(--t-m);line-height:1.6;color:#cfc8bc}
.ck-infos time{color:#f4efe6}
.ck-infos a{color:#efc48f}
.ck-infos ul{margin:0;padding-left:1.1rem}
.ck-infos .ck-dates{padding:0;font-size:var(--t-m)}

.ck-noscript{color:#17161c;max-width:44rem;margin:1rem auto;padding:1rem 1.25rem;background:#fff;border:1px solid #e7e1d7;border-radius:.6rem}

@media (max-width:30em){
  .ck-dates li{grid-template-columns:1fr;gap:0}
  .ck-btn{width:100%}
  .ck-actions .ck-lien{padding:.7rem 0}
}
@media (prefers-reduced-motion:reduce){
  .ck-barre__rempli,.ck-opt{transition:none}
}

/* Fiche d'une page : aperçu à l'écran, A4 à l'impression */
.ck-fiche{margin:1.25rem 0 0;background:#fff;color:#17161c;border-radius:.9rem;overflow:hidden;box-shadow:0 1px 2px rgba(11,11,17,.1),0 18px 40px -18px rgba(11,11,17,.35);font-family:var(--f-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.ck-fiche h1,.ck-fiche h2{font-family:var(--f-titre);margin:0}
.ck-fiche__haut{display:flex;gap:1rem;align-items:center;padding:1.1rem 1.25rem;background:linear-gradient(135deg,#0e0d13 0,#1a1920 100%);color:#fff;border-bottom:3px solid #f29b45}
.ck-fiche__haut img{flex:none;width:96px;height:auto}
.ck-fiche__kicker{margin:0;font:700 .68rem/1 var(--f-titre);letter-spacing:.18em;text-transform:uppercase;color:#f29b45}
.ck-fiche__haut h1{font-size:1.35rem;line-height:1.15;margin:.3rem 0 .2rem;color:#fff}
.ck-fiche__meta{margin:0;font-size:.78rem;color:#c9c4bc}
.ck-fiche__hero{display:grid;grid-template-columns:1fr;gap:.75rem;align-items:center;justify-items:center;padding:1.1rem 1.25rem;background:#f4f1eb}
.ck-fiche__anneau{width:8.5rem;height:8.5rem}
.ck-fiche__anneau-n{font:700 34px var(--f-titre);fill:#0e0d13}
.ck-fiche__anneau-u{font:500 9px var(--f-texte);fill:#5c574f}
.ck-fiche__verdict{text-align:center}
.ck-fiche__phrase{margin:.4rem 0 .2rem;font:600 1.05rem/1.25 var(--f-titre)}
.ck-fiche__alerte{margin:.4rem 0;padding:.4rem .6rem;border-radius:.4rem;background:#c0392b;color:#fff;font-size:.78rem;font-weight:600}
.ck-fiche__note{margin:.35rem 0 0;font-size:.75rem;line-height:1.4;color:#5c574f}
.ck-fiche .ck-radar{width:11rem;height:auto}
.ck-fiche__corps{display:grid;grid-template-columns:1fr;gap:1rem;padding:1.1rem 1.25rem .5rem}
.ck-fiche h2{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#a3561c;margin:0 0 .5rem;padding-bottom:.3rem;border-bottom:2px solid #f29b45}
.ck-fiche__barres,.ck-fiche__prios,.ck-fiche__dates ul{margin:0;padding:0;list-style:none}
.ck-fiche__barres li{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 3rem;gap:.5rem;align-items:center;font-size:.72rem;line-height:1.2;padding:.18rem 0}
.ck-fiche__btrait{display:block;height:.45rem;border-radius:99px;background:#e9e3d8;overflow:hidden}
.ck-fiche__btrait span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#f29b45,#a3561c)}
.ck-fiche__bval{white-space:nowrap;text-align:right;font-weight:700;font-family:var(--f-titre)}
.ck-fiche__prios{counter-reset:p;display:grid;gap:.4rem}
.ck-fiche__prios li{counter-increment:p;position:relative;padding:.4rem .5rem .4rem 2.2rem;background:#fbf8f3;border:1px solid #eee6d8;border-radius:.5rem;font-size:.74rem;line-height:1.3}
.ck-fiche__prios li::before{content:counter(p);position:absolute;left:.45rem;top:.4rem;width:1.3rem;height:1.3rem;border-radius:50%;background:#f29b45;color:#0e0d13;font:700 .72rem/1.3rem var(--f-titre);text-align:center}
.ck-fiche__prios small{display:block;margin-top:.15rem;color:#8a5a2a;font-size:.66rem;font-weight:600}
.ck-fiche__dates{padding:.25rem 1.25rem 1rem}
.ck-fiche__dates ul{display:grid;grid-template-columns:1fr;gap:.5rem}
.ck-fiche__dates li{padding:.45rem .6rem;border-left:3px solid #f29b45;background:#fbf8f3;font-size:.72rem;line-height:1.3}
.ck-fiche__dates time{display:block;font:700 .85rem var(--f-titre);color:#a3561c}
.ck-fiche__sanc{margin-top:1rem}
.ck-fiche__sanc ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr;gap:.5rem}
.ck-fiche__sanc li{padding:.5rem .65rem;border-left:3px solid #c0392b;background:#fbf1ef;font-size:.72rem;line-height:1.3}
.ck-fiche__sanc li strong{display:block;font:700 .86rem var(--f-titre);color:#9a2c20}
.ck-fiche__sanc .ck-fiche__note{margin:.5rem 0 0;font-size:.66rem;color:#6b665c}
.ck-sanctions{margin:1rem 0;padding:.9rem 1rem;border-left:4px solid #c0392b;background:rgba(192,57,43,.08);border-radius:.4rem}
.ck-sanctions ul{margin:.5rem 0;padding-left:1.1rem}
.ck-sanctions li{margin:.25rem 0}
.ck-fiche__pied{padding:.9rem 1.25rem;background:#0e0d13;color:#c9c4bc;font-size:.72rem;line-height:1.4}
.ck-fiche__pied strong{color:#fff}
.ck-fiche__contact{margin:.3rem 0;font:600 .85rem var(--f-titre);color:#f29b45}
.ck-fiche__pied p{margin:.3rem 0 0;font-size:.62rem;color:#9a958b}
@media (min-width:700px){
  .ck-fiche__hero{grid-template-columns:auto 1fr auto;justify-items:stretch}
  .ck-fiche__verdict{text-align:left}
  .ck-fiche__corps{grid-template-columns:1fr 1fr;gap:1.5rem}
  .ck-fiche__dates ul{grid-template-columns:repeat(4,1fr)}
  .ck-fiche__haut img{width:120px}
}

@media print{
  body:has(.ck-fiche) .entete--ck{display:none !important}
  .ck-vue-resultat > :not(.ck-fiche){display:none !important}
  @page{size:A4;margin:0}
  body:has(.ck-fiche) .conteneur,body:has(.ck-fiche) #ck,body:has(.ck-fiche) .ck-carte,body:has(.ck-fiche) .ck-corps,body:has(.ck-fiche) #ck-app,body:has(.ck-fiche) .ck-vue-resultat{padding:0 !important;margin:0 !important;max-width:none !important;width:100% !important;overflow:visible !important;border:0 !important;border-radius:0 !important}
  body:has(.ck-fiche) .ck-section{padding:0 !important}
  .ck-vue-resultat > .ck-fiche{display:flex !important;flex-direction:column;min-height:296mm;min-height:calc(100vh - 1px);width:100%;margin:0;border-radius:0;box-shadow:none}
  .ck-vue-resultat > .ck-fiche *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .ck-fiche__pied{margin-top:auto;padding:1.1rem 1.5rem 1.2rem;font-size:.8rem}
  .ck-fiche__contact{font-size:1rem}
  .ck-fiche__haut{padding:1rem 1.5rem}
  .ck-fiche__haut h1{font-size:1.55rem}
  .ck-fiche__meta{font-size:.82rem}
  .ck-fiche__hero{flex:1 1 auto;padding:.9rem 1.5rem;gap:1rem}
  .ck-fiche__anneau{width:7.6rem;height:7.6rem}
  .ck-fiche .ck-radar{width:10rem}
  .ck-fiche__phrase{font-size:1.15rem}
  .ck-fiche__note{font-size:.78rem}
  .ck-fiche__corps{flex:1.5 1 auto;align-content:space-evenly;padding:.8rem 1.5rem .3rem;gap:1.4rem}
  .ck-fiche h2{font-size:.82rem;margin-bottom:.65rem}
  .ck-fiche__barres{display:grid;gap:.1rem}
  .ck-fiche__barres li{font-size:.74rem;padding:.12rem 0}
  .ck-fiche__btrait{height:.55rem}
  .ck-fiche__prios{gap:.5rem}
  .ck-fiche__prios li{font-size:.76rem;padding:.4rem .6rem .4rem 2.5rem}
  .ck-fiche__prios li::before{width:1.45rem;height:1.45rem;font-size:.78rem;line-height:1.45rem;left:.55rem;top:.5rem}
  .ck-fiche__prios small{font-size:.7rem}
  .ck-fiche__dates{flex:.6 1 auto;padding:.3rem 1.5rem .7rem}
  .ck-fiche__dates li{font-size:.72rem;padding:.4rem .6rem}
  .ck-fiche__dates time{font-size:.95rem}
  .ck-fiche__sanc{margin-top:.8rem}
  .ck-fiche__sanc li{font-size:.7rem;padding:.3rem .6rem;break-inside:avoid}
  .ck-fiche__sanc .ck-fiche__note{font-size:.66rem}
  .ck-fiche__sanc li strong{font-size:.84rem}
  /* à l'impression, la mise en page large s'applique toujours, quelle que soit la largeur utile de la page */
  .ck-fiche__hero{grid-template-columns:auto 1fr auto;justify-items:stretch}
  .ck-fiche__verdict{text-align:left}
  .ck-fiche__corps{grid-template-columns:1fr 1fr}
  .ck-fiche__dates ul{grid-template-columns:repeat(4,1fr)}
  .ck-fiche__haut img{width:120px}
  .ck-fiche__prios li,.ck-fiche__dates li{break-inside:avoid}
  header.navbar,footer.pied,.cookies,.entete--ck .chapeau,.ck-barre,.ck-tete,.ck-actions,.ck-infos,.ck-noscript,.evitement{display:none !important}
  .entete--ck{padding:0}
  .entete--ck .titre-1{font-size:1.5rem;color:#000}
  .entete--ck{background:#fff !important}
  .ck-carte{box-shadow:none;border:0}
  body,main,.plan{background:#fff !important;color:#000 !important}
  .ck-carte{color:#000}
}

/* Périmètre : valeur d'abord, deux rythmes */
.ck-gains{display:grid;gap:.4rem;margin:0 0 1.25rem;padding:0;list-style:none}
.ck-gains li{display:flex;gap:.6rem;align-items:baseline;font-size:var(--t-m);line-height:1.4;color:#17161c}
.ck-coche{flex:none;width:1.1rem;height:1.1rem;border-radius:50%;background:#1f6f54;position:relative;top:.2rem}
.ck-coche::after{content:"";position:absolute;left:.36rem;top:.17rem;width:.28rem;height:.5rem;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(40deg)}
.ck-modes{display:grid;gap:.6rem;margin:0 0 .75rem}
.ck-modes .ck-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:100%}
.ck-modes .ck-btn small{font-weight:500;font-size:var(--t-xs);opacity:.85}
.ck-btn--sec{background:#fff;color:#17161c;border:1px solid #c9bfae;box-shadow:none}
.ck-btn--sec:hover{background:#f3eee6}
.ck-details{margin:1rem 0 0}
.ck-details summary{cursor:pointer;font:500 var(--t-s)/1.4 var(--f-texte);color:#5c574f;text-decoration:underline;text-underline-offset:.2em;margin-bottom:.75rem}
.ck-details summary:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
@media (min-width:640px){.ck-modes{grid-template-columns:1fr 1fr}}

/* Affiner, fiche d'une page */
.ck-affiner,.ck-fichebox{margin:1.5rem 0 0;padding:1rem 1.1rem;background:#fff;border:1px solid #e7e1d7;border-radius:.7rem;color:#17161c}
.ck-fichebox{border-color:#d9c3a6;background:#fffaf2}
.ck-fichebox label{display:block;font-weight:600;margin:.75rem 0 .35rem}
.ck-fichebox .ck-casebox{display:flex;gap:.65rem;align-items:flex-start;font-weight:600;cursor:pointer;padding:.7rem .8rem;border:1px solid #e3d3bd;border-radius:.6rem;background:#fff}
.ck-case{width:1.25rem;height:1.25rem;flex:none;margin-top:.1rem;accent-color:#a3561c}
.ck-fichebox input[type=email]{width:100%;box-sizing:border-box;padding:.7rem .8rem;border:1px solid #c9bfae;border-radius:.5rem;font:inherit;font-size:1rem;background:#fff;color:#17161c}
.ck-fichebox input[type=email]:focus-visible{outline:2px solid var(--orange);outline-offset:2px}

/* ==========================================================================
   Refonte du 04/11/2026 (soir) : questionnaire « cockpit + conversation »,
   palette nuit et orange du site. Panneau parcours à gauche, conversation au
   centre, aperçu en direct à droite (panneaux remplis par le script).
   ========================================================================== */
.ck-scene{position:relative;padding:calc(3.6rem + 1.5rem) 0 clamp(3rem,6vw,5rem);background:#0e0d13;background-image:radial-gradient(60rem 26rem at 50% -6rem,rgba(242,155,69,.16),transparent 70%);color:#ece8e1}
.ck-scene__in{position:relative}
.ck-h1{margin:0 0 1.25rem;font:600 .875rem/1.4 var(--f-texte);color:#f3ede4}
.ck-h1 span{font-weight:400;color:#8d887f;margin-left:.35rem}
.ck-scene.ck-cockpit .ck-h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ck-scene .ck{max-width:52rem;margin-inline:auto;display:grid;gap:1.25rem}
.ck-scene.ck-cockpit .ck{max-width:none}
.ck-scene .ck-carte{background:#16151c;border:1px solid rgba(255,255,255,.07);border-radius:1.4rem;box-shadow:none;overflow:visible;color:#ece8e1}
.ck-scene .ck-barre{display:none}
.ck-scene .ck-corps{padding:clamp(1.25rem,3vw,2.25rem) clamp(1.1rem,3vw,2.5rem)}
.ck-panneau{background:#16151c;border:1px solid rgba(255,255,255,.07);border-radius:1.4rem;padding:1.5rem 1.4rem;display:flex;flex-direction:column}
.ck-panneau[hidden]{display:none}
.ck-panneau__k{margin:0 0 1.1rem;font:500 .6875rem/1.2 var(--f-texte);letter-spacing:.16em;text-transform:uppercase;color:#8d887f}
.ck-panneau__note{margin:1.4rem 0 0;font-size:.8125rem;line-height:1.55;color:#8d887f}
@media (min-width:68em){
  .ck-scene.ck-cockpit .ck{grid-template-columns:14rem minmax(0,1fr) 16.5rem;align-items:stretch}
  .ck-scene.ck-cockpit .ck-panneau--parcours{order:1}.ck-scene.ck-cockpit .ck-carte{order:2}.ck-scene.ck-cockpit .ck-panneau--apercu{order:3}
}
@media (max-width:67.99em){
  .ck-panneau--parcours,.ck-panneau--apercu{display:none !important}
}

/* panneau gauche : chapitres */
.ck-chap{margin:0;padding:0;list-style:none;display:grid;gap:.2rem}
.ck-chap li{display:flex;gap:.8rem;align-items:center;padding:.6rem .55rem;border-radius:.8rem;font-size:.9rem;line-height:1.25;color:#8d887f}
.ck-chap small{display:block;font-size:.72rem;color:#6e6a63;margin-top:.1rem}
.ck-chap__d{flex:none;display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:50%;border:1.5px solid #3a3842;font-size:.72rem}
.ck-chap li.ok{color:#ece8e1}.ck-chap li.ok .ck-chap__d{border-color:#f29b45;color:#f29b45}
.ck-chap li.cur{background:rgba(242,155,69,.1);color:#fff}.ck-chap li.cur .ck-chap__d{background:#f29b45;border-color:#f29b45;color:#0e0d13;font-weight:600}
.ck-temps{margin-top:auto;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.07)}
.ck-temps small{display:block;font-size:.78rem;color:#8d887f}
.ck-temps strong{font:600 1.6rem/1.2 var(--f-titre);color:#fff}

/* panneau droit : aperçu */
.ck-apercu__score{margin:0;font:600 3.6rem/1 var(--f-titre);letter-spacing:-.04em;color:#f3ede4}
.ck-apercu__score small{font-size:1.1rem;letter-spacing:0;color:#8d887f}
.ck-panneau .ck-niveau{margin:.6rem 0 1.1rem;font-size:.8rem}
.ck-apercu__blocs{margin:0;padding:0;list-style:none;display:grid;gap:.75rem}
.ck-apercu__blocs li{display:grid;grid-template-columns:1fr auto;gap:.35rem .5rem;font-size:.84rem;color:#c9c4bc}
.ck-apercu__blocs li.vide{color:#6e6a63}
.ck-apercu__blocs b{font-weight:400}
.ck-apercu__trait{grid-column:1/-1;height:.32rem;border-radius:99px;background:#24232b;overflow:hidden}
.ck-apercu__trait i{display:block;height:100%;border-radius:99px;background:#f29b45;transition:width .5s var(--courbe)}
.ck-usages{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}
.ck-usages li{display:flex;justify-content:space-between;gap:.75rem;font-size:.84rem;color:#6e6a63}
.ck-usages li.fait{color:#c9c4bc}.ck-usages li.cur{color:#fff}.ck-usages li.cur b{color:#f29b45}
.ck-usages b{font-weight:600}

/* conversation au centre */
.ck-conv{display:flex;flex-direction:column;min-height:100%}
.ck-conv__haut{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
#ck-app .ck-conv__haut .ck-surtitre{color:#f29b45;letter-spacing:.14em}
#ck-app .ck-conv__haut .ck-compteur{color:#8d887f;font-weight:500}
.ck-conv__barre{height:.3rem;border-radius:99px;background:#24232b;margin:.9rem 0 1.4rem;overflow:hidden}
.ck-conv__barre i{display:block;height:100%;border-radius:99px;background:#f29b45;box-shadow:0 0 .9rem rgba(242,155,69,.55);transition:width .5s var(--courbe)}
.ck-conv__fil{display:grid;gap:.9rem;margin-bottom:.9rem}
.ck-conv__fil:empty{display:none}
.ck-moi{display:flex;justify-content:flex-end}
.ck-moi span{max-width:80%;padding:.7rem 1.1rem;border-radius:1.2rem 1.2rem .35rem 1.2rem;background:#f29b45;color:#0e0d13;font:600 .9375rem/1.35 var(--f-texte)}
.ck-msg{display:flex;gap:.8rem;align-items:flex-end}
.ck-avatar{flex:none;width:2.75rem;height:2.75rem;border-radius:50%;object-fit:cover;border:2px solid #f29b45}
.ck-avatar--vide{background:#24232b;border-color:#3a3842;width:2.75rem}
.ck-bulle{flex:1;min-width:0;padding:1.3rem 1.4rem;border-radius:1.3rem 1.3rem 1.3rem .35rem;background:#1b1a22;border:1px solid rgba(255,255,255,.07)}
.ck-bulle--info{padding:.85rem 1.1rem;font-size:.9375rem;line-height:1.5;color:#a9a39a}
#ck-app .ck-bulle .ck-titre{margin:0;max-width:none;font-size:clamp(1.2rem,.95rem + .7vw,1.55rem);font-weight:500;line-height:1.25;letter-spacing:-.015em;color:#f3ede4}
#ck-app .ck-bulle .ck-pourquoi{display:flex;gap:.8rem;align-items:flex-start;margin:1rem 0 0;max-width:none;padding:.85rem 1rem;border:1px solid rgba(242,155,69,.24);border-radius:.9rem;background:rgba(242,155,69,.07);font-size:.875rem;line-height:1.55;color:#c9c4bc}
#ck-app .ck-bulle .ck-pourquoi p{margin:0}
#ck-app .ck-bulle .ck-pourquoi strong{color:#f29b45}
#ck-app .ck-pourquoi--simple{color:#a9a39a}
.ck-art{flex:none;padding:.2rem .5rem;border:1px solid rgba(242,155,69,.45);border-radius:.4rem;font:500 .66rem/1.3 var(--f-texte);letter-spacing:.1em;color:#f29b45;white-space:nowrap;margin-top:.1rem}
#ck-app .ck-badge{font-size:.7rem;padding:.1rem .45rem;vertical-align:1px}

/* réponses en tuiles « Situation A, B… » */
.ck-tuiles{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:1rem 0 0 3.55rem}
.ck-tuiles--3{grid-template-columns:repeat(3,1fr)}
#ck-app .ck-tuile{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;min-height:0;padding:.85rem 1rem;text-align:left;font:400 .9375rem/1.35 var(--f-texte);color:#ece8e1;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);border-radius:1rem;transition:border-color .2s,background .2s,box-shadow .2s}
.ck-tuile__k{font-size:.75rem;color:#8d887f}
#ck-app .ck-tuile[aria-pressed="true"]{border-color:#f29b45;background:rgba(242,155,69,.12);box-shadow:0 0 0 4px rgba(242,155,69,.12)}
#ck-app .ck-tuile--na{grid-column:1/-1;align-items:center;border-style:dashed;color:#8d887f;padding:.7rem}
@media (hover:hover){#ck-app .ck-tuile:hover{border-color:rgba(242,155,69,.55);background:rgba(242,155,69,.06)}}
.ck-conv__pied{margin:auto 0 0;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.07);font-size:.8125rem;color:#8d887f}
.ck-conv .ck-tuiles+.ck-conv__pied{margin-top:2rem}
#ck-app .ck-conv__pied .ck-lien{font-size:.8125rem;padding:0}
@media (max-width:40em){
  .ck-tuiles,.ck-tuiles--3{grid-template-columns:1fr;margin-left:0}
  .ck-msg .ck-avatar{display:none}
  .ck-bulle{border-radius:1.1rem;padding:1.1rem 1rem}
  #ck-app .ck-bulle .ck-pourquoi{flex-direction:column;gap:.5rem}
  .ck-scene .ck-corps{padding:1.1rem .9rem}
  .ck-scene{padding-top:calc(3.6rem + 1rem)}
}

/* couleurs des autres écrans sur fond nuit (la fiche imprimable garde ses couleurs claires) */
#ck-app .ck-surtitre{color:#f29b45}
#ck-app .ck-retour{color:#a9a39a}#ck-app .ck-retour:hover{color:#fff}
#ck-app .ck-compteur{color:#c9c4bc}
#ck-app .ck-titre{color:#f3ede4;font-weight:500;letter-spacing:-.02em}
#ck-app .ck-texte{color:#b9b3a9}
#ck-app .ck-aide{color:#a9a39a}
#ck-app .ck-discret{color:#8d887f}
#ck-app .ck-lien{color:#a9a39a}#ck-app .ck-lien:hover{color:#fff}
#ck-app .ck-btn{border-radius:999px;box-shadow:0 .75rem 2.5rem rgba(242,155,69,.25)}
#ck-app .ck-btn--sec{background:rgba(255,255,255,.04);color:#ece8e1;border:1px solid rgba(255,255,255,.18);box-shadow:none}
#ck-app .ck-btn--sec:hover{background:rgba(255,255,255,.09)}
.ck-ecran--accueil{display:grid;gap:1.5rem}
#ck-app .ck-titre--geant{max-width:18ch;margin:0;font-size:clamp(1.9rem,1.2rem + 2.4vw,3.2rem);line-height:1.05;letter-spacing:-.03em}
.ck-ecran--accueil .ck-champ{position:relative;max-width:22rem;margin:0}
#ck-app .ck-ecran--accueil .ck-champ input{padding:.9rem 7rem .9rem 1.2rem;font:500 1.75rem/1 var(--f-titre);color:#fff;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.2);border-radius:999px}
#ck-app .ck-ecran--accueil .ck-champ input:focus{border-color:#f29b45;outline:0;box-shadow:0 0 0 4px rgba(242,155,69,.18)}
.ck-champ__unite{position:absolute;right:1.4rem;top:50%;transform:translateY(-50%);font-size:1rem;color:#8d887f;pointer-events:none}
#ck-app .ck-opt:not(.ck-tuile){color:#ece8e1;background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.12)}
#ck-app .ck-liste li{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
#ck-app .ck-liste strong{color:#f3ede4}#ck-app .ck-liste small{color:#8d887f}
#ck-app .ck-gains li{color:#e9e4dc}
#ck-app .ck-details summary{color:#a9a39a}
#ck-app .ck-score__nombre{color:#fff;font-weight:600;letter-spacing:-.05em;font-size:clamp(3.5rem,2.5rem + 5vw,6rem)}
#ck-app .ck-jauge span{background:#24232b}#ck-app .ck-jauge i{background:#f29b45;box-shadow:0 0 .8rem rgba(242,155,69,.5)}
#ck-app .ck-alerte{background:rgba(192,57,43,.14);color:#f6c7bf;border-left-color:#c0392b}
#ck-app .ck-h3{color:#f3ede4;font-weight:500}
#ck-app .ck-bloc__nom,#ck-app .ck-bloc__val{color:#e9e4dc}
#ck-app .ck-bloc__barre{background:#24232b}#ck-app .ck-bloc__barre span{background:#f29b45}
.ck-vue-resultat>.ck-radar text{fill:#c9c4bc}
.ck-vue-resultat>.ck-radar line,.ck-vue-resultat>.ck-radar polygon[fill="none"]{stroke:#34323b}
.ck-vue-resultat>.ck-radar polygon[fill^="rgba"]{stroke:#f29b45;fill:rgba(242,155,69,.22)}
#ck-app .ck-prio li{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);color:#e9e4dc}
#ck-app .ck-prio li::before{background:#f29b45;color:#0e0d13}
#ck-app .ck-prio small{color:#a9a39a}
#ck-app .ck-dates time{color:#fff}#ck-app .ck-dates span{color:#b9b3a9}
#ck-app .ck-fin{border-top-color:rgba(255,255,255,.08)}
#ck-app .ck-sanctions{background:rgba(192,57,43,.1)}
#ck-app .ck-affiner{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);color:#ece8e1}
#ck-app .ck-fichebox{background:rgba(242,155,69,.07);border-color:rgba(242,155,69,.3);color:#ece8e1}
#ck-app .ck-fichebox input[type=email]{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.2);color:#fff}
#ck-app .ck-fichebox .ck-casebox{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
#ck-app .ck-erreur{color:#ff9b8f}
#ck-app .ck-champ input{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.2);color:#fff}
#ck-app .ck-badge--now{background:rgba(192,57,43,.22);color:#f4b1a6}
#ck-app .ck-badge--soon{background:rgba(242,155,69,.16);color:#f6b25f}
#ck-app .ck-badge--later{background:rgba(31,111,84,.28);color:#9ad6b8}

/* sous le questionnaire : la fiche, en une section */
.ck-suite{padding:clamp(4rem,9vw,7rem) 0;background:#0e0d13;color:#ece8e1}
.ck-suite__grille{display:grid;gap:clamp(3rem,7vw,7rem);align-items:center}
.ck-papier{position:relative;height:clamp(22rem,40vw,34rem);max-width:30rem}
.ck-papier img{position:absolute;width:72%;height:auto;border-radius:.35rem;box-shadow:0 2.5rem 5rem rgba(0,0,0,.6)}
.ck-papier__dessous{left:2%;top:6%;transform:rotate(-6deg);filter:brightness(.5)}
.ck-papier__dessus{left:20%;top:0;transform:rotate(3deg)}
.ck-tampon{position:absolute;right:0;bottom:6%;display:grid;place-content:center;width:8.5rem;height:8.5rem;border-radius:50%;border:1.5px solid #f29b45;background:rgba(14,13,19,.88);text-align:center;font:600 .7rem/1.3 var(--f-texte);letter-spacing:.16em;text-transform:uppercase;color:#f29b45;transform:rotate(-12deg)}
.ck-tampon b{display:block;font:600 1.6rem/1 var(--f-titre);letter-spacing:0;text-transform:none;color:#fff;margin-bottom:.2rem}
.ck-suite__titre{margin:0;font:500 clamp(2.2rem,1.4rem + 3vw,4rem)/1.03 var(--f-titre);letter-spacing:-.03em;color:#f3ede4}
.ck-suite__titre em{font:italic 400 1.08em/1 var(--f-citation);letter-spacing:-.01em;color:#f29b45}
.ck-suite__chapeau{margin:1.4rem 0 0;max-width:34rem;font-size:1.125rem;line-height:1.65;color:#a9a39a}
.ck-suite__liste{margin:2rem 0 0;padding:0;max-width:34rem;list-style:none}
.ck-suite__liste li{display:flex;justify-content:space-between;gap:1rem;padding:.95rem 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:1rem;color:#e9e4dc}
.ck-suite__liste span{color:#8d887f;text-align:right}
.ck-suite__preuve{margin:1.75rem 0 0;max-width:34rem;font-size:.8125rem;line-height:1.6;color:#7c776f}
.ck-suite__action{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin:2rem 0 0}
.ck-suite__action .ck-btn{border-radius:999px;box-shadow:0 .75rem 2.5rem rgba(242,155,69,.3)}
.ck-suite__action span{font-size:.875rem;color:#8d887f}
@media (min-width:62em){.ck-suite__grille{grid-template-columns:.85fr 1.15fr}}
@media (max-width:40em){.ck-papier{margin-inline:auto;width:100%}}
@media (prefers-reduced-motion:reduce){.ck-conv__barre i,.ck-apercu__trait i,#ck-app .ck-tuile{transition:none}}
@media print{.ck-suite,.ck-h1,.ck-panneau{display:none !important}.ck-scene{padding:0;background:#fff}.ck-scene .ck-carte{background:none;border:0}.ck-scene .ck-corps{padding:0}}