/* Maquette Certigate: diagnostic et résultats dynamiques, lot 2. */
#screen-onboard-diag .cg-maquette-diag-progress[hidden],
#screen-onboard-result .cg-maquette-metric-track[hidden]{display:none!important}
#screen-onboard-diag .cg-maquette-diag-progress{
  margin-top:22px;padding-top:18px;border-top:1px solid rgba(201,162,39,.24)
}
#screen-onboard-diag .cg-maquette-diag-progress-head{
  display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px 12px;
  margin-bottom:10px;font:600 11px/1.4 'IBM Plex Mono',monospace
}
#screen-onboard-diag .cg-maquette-diag-progress-head strong{color:var(--cgj-gold,#C9A227);letter-spacing:.04em;text-transform:uppercase}
#screen-onboard-diag .cg-maquette-diag-progress-head span{color:var(--cgj-text,#A7B3BF);opacity:.8}
#screen-onboard-diag .cg-maquette-diag-track,
#screen-onboard-result .cg-maquette-metric-track{
  display:block;height:8px;overflow:hidden;border-radius:99px;background:rgba(148,163,184,.18)
}
#screen-onboard-diag .cg-maquette-diag-track i,
#screen-onboard-result .cg-maquette-metric-track i{
  display:block;width:0;height:100%;border-radius:inherit;
  background:linear-gradient(90deg,#B88E1D,#E6D07C);
  transition:width .5s ease
}
#screen-onboard-diag .cg-diag-question{
  position:relative;overflow:hidden
}
#screen-onboard-diag .cg-diag-question:before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,#B88E1D,#E6D07C 55%,transparent)
}
#screen-onboard-diag .cg-diag-option:focus-visible,
#screen-onboard-diag [data-cg-diag-next]:focus-visible{
  outline:3px solid #C9A227;outline-offset:3px
}
#screen-onboard-result .cg-result-performance-panel .cg-result-metrics{
  gap:12px
}
#screen-onboard-result .cg-result-metric{
  display:flex;flex-direction:column;min-width:0;min-height:114px
}
#screen-onboard-result .cg-result-metric strong{
  font-family:Fraunces,Georgia,serif;font-variant-numeric:tabular-nums
}
#screen-onboard-result .cg-maquette-metric-track{
  width:100%;height:6px;margin-top:auto
}
#screen-onboard-result .cg-maquette-metric-track i{
  width:var(--cg-maquette-metric,0%)
}
#screen-onboard-result .cg-score-panel{
  border-color:rgba(201,162,39,.34);
  background:linear-gradient(135deg,rgba(201,162,39,.10),rgba(14,42,58,.86))
}
#screen-onboard-result .cg-result-node-list{
  gap:10px
}
@media(max-width:760px){
  #screen-onboard-diag .cg-maquette-diag-progress{margin-top:15px;padding-top:14px}
  #screen-onboard-result .cg-result-metric{min-height:92px}
}
.cgcs-app .cgcs-brand-mark .cg-mark-wrap{
  display:grid;place-items:center;width:36px;height:36px;line-height:0;color:#0e2a3a
}
.cgcs-app .cgcs-brand-mark .cg-mark{display:block;width:100%;height:100%;overflow:visible}
.cgcs-app .cgcs-brand-mark .cg-mark-ring{
  fill:none;stroke:currentColor;stroke-width:22;stroke-dasharray:2143;stroke-dashoffset:2143;
  animation:cgJourneyMarkTrace 1.1s ease-out .1s both
}
.cgcs-app .cgcs-brand-mark .cg-mark-bars rect{
  fill:currentColor;transform-box:fill-box;transform-origin:center bottom;
  animation:cgJourneyMarkRise .6s ease-out calc(.12s + var(--k)*.045s) both
}
.cgcs-app .cgcs-brand-mark .cg-mark-bars .is-gold{fill:#a78000}
@keyframes cgJourneyMarkTrace{to{stroke-dashoffset:0}}
@keyframes cgJourneyMarkRise{from{transform:scaleY(0);opacity:.2}to{transform:scaleY(1);opacity:1}}
@media(prefers-reduced-motion:reduce){
  #screen-onboard-diag .cg-maquette-diag-track i,
  #screen-onboard-result .cg-maquette-metric-track i{transition:none}
  .cgcs-app .cgcs-brand-mark .cg-mark-ring{stroke-dashoffset:0;animation:none}
  .cgcs-app .cgcs-brand-mark .cg-mark-bars rect{transform:none;animation:none}
}