.cj {
  --cj-ink: var(--tbz-ag-text, #0f172a);
  --cj-ink2: var(--tbz-ag-text-2, #1e293b);
  --cj-mut: #4b5a70;
  --cj-bd: var(--tbz-ag-border, #e2e8f0);
  --cj-bd2: var(--tbz-ag-border-soft, #edf1f5);
  --cj-card: var(--tbz-ag-card, #fff);
  --cj-soft: var(--tbz-ag-bg, #f8fafc);
  --cj-soft2: var(--tbz-ag-bg-soft, #f1f5f9);
  --cj-acc: var(--tbz-ag-accent, #0a7c91);
  --cj-acc-d: var(--tbz-ag-accent-d, #075d6e);
  --cj-acc-l: var(--tbz-ag-accent-l, #e0f2f6);
  --cj-acc-l2: var(--tbz-ag-accent-l2, #ecf7fa);
  --cj-or: #8a5a00;
  --cj-or-f: #c9971a;
  --cj-or-l: #fdf3d7;
  --cj-ar: #475569;
  --cj-ar-f: #94a3b8;
  --cj-ar-l: #eef2f7;
  --cj-br: #8a4b1a;
  --cj-br-f: #c07a3f;
  --cj-br-l: #f8ebdf;
  --cj-ok: #046c4e;
  --cj-ok-l: #e7f8f1;
  --cj-ko: #b42318;
  --cj-ko-l: #fdeceb;
  --cj-r: var(--tbz-ag-r-md, 14px);
  --cj-r-sm: var(--tbz-ag-r-sm, 10px);
  --cj-pill: 999px;
  --cj-sh: var(--tbz-ag-sh-sm, 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px -1px rgba(15, 23, 42, .04));
  --cj-font: var(--tbz-ag-font, 'Inter', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif);
  color: var(--cj-ink);
  font-family: var(--cj-font);
  font-size: 15px;
  line-height: 1.55;
  min-width: 0;
}
.cj *, .cj *::before, .cj *::after { box-sizing: border-box; }
.cj [hidden] { display: none; }
.cj p { margin: 0 0 10px; }
.cj a { color: var(--cj-acc-d); }
.cj a:hover { color: var(--cj-ink); }
.cj :focus-visible { outline: 3px solid var(--cj-acc); outline-offset: 2px; border-radius: 6px; }
.cj-num { font-variant-numeric: tabular-nums; }
.cj-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.cj-sec { margin: 0 0 26px; min-width: 0; }
.cj-sec:last-child { margin-bottom: 0; }
.cj-h2 { font-size: 19px; font-weight: 750; letter-spacing: -.02em; line-height: 1.25; margin: 0 0 6px; color: var(--cj-ink); }
.cj-h3 { font-size: 16px; font-weight: 720; letter-spacing: -.01em; line-height: 1.3; margin: 0 0 8px; color: var(--cj-ink); }
.cj-sous { color: var(--cj-mut); font-size: 14px; margin: 0 0 14px; }
.cj-note { color: var(--cj-mut); font-size: 13px; line-height: 1.5; margin: 10px 0 0; }

.cj-bloc { background: var(--cj-card); border: 1px solid var(--cj-bd); border-radius: var(--cj-r); box-shadow: var(--cj-sh); padding: 16px; min-width: 0; }
.cj-bloc + .cj-bloc { margin-top: 14px; }

.cj-kpis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 0 16px; }
.cj-kpi { background: var(--cj-card); border: 1px solid var(--cj-bd); border-radius: var(--cj-r-sm); padding: 12px 13px; min-width: 0; }
.cj-kpi-l { display: block; font-size: 12.5px; font-weight: 650; color: var(--cj-mut); line-height: 1.3; margin: 0 0 4px; }
.cj-kpi-v { display: block; font-size: 22px; font-weight: 780; letter-spacing: -.02em; line-height: 1.15; color: var(--cj-ink); font-variant-numeric: tabular-nums; }
.cj-kpi-v small { font-size: 13px; font-weight: 650; color: var(--cj-mut); letter-spacing: 0; }
.cj-kpi-s { display: block; font-size: 12.5px; color: var(--cj-mut); margin-top: 3px; line-height: 1.35; }
.cj-kpi.is-acc { background: var(--cj-acc-l2); border-color: #b9e1ea; }

.cj-rapport { border-color: #b9e1ea; background: linear-gradient(180deg, var(--cj-acc-l2) 0, var(--cj-card) 140px); }
.cj-rapport-t { display: flex; align-items: center; gap: 10px; margin: 0 0 6px; }
.cj-rapport-t .cj-h2 { margin: 0; }
.cj-rapport-ico { flex: 0 0 auto; width: 38px; height: 38px; border-radius: 10px; background: var(--cj-acc); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 17px; }
.cj-rapport-intro p { font-size: 15px; color: var(--cj-ink2); }
.cj-cols { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 12px; }
.cj-col { border: 1px solid var(--cj-bd2); background: var(--cj-card); border-radius: var(--cj-r-sm); padding: 12px 14px; min-width: 0; }
.cj-col-t { display: flex; align-items: center; gap: 8px; font-weight: 720; font-size: 14.5px; margin: 0 0 6px; }
.cj-col-t i { font-size: 14px; }
.cj-col.is-fort .cj-col-t { color: var(--cj-ok); }
.cj-col.is-faible .cj-col-t { color: var(--cj-ko); }
.cj-col.is-conseil { background: var(--cj-acc-l2); border-color: #b9e1ea; }
.cj-col.is-conseil .cj-col-t { color: var(--cj-acc-d); }
.cj-col ul { margin: 0; padding: 0 0 0 18px; }
.cj-col li { margin: 0 0 6px; font-size: 14.5px; color: var(--cj-ink2); }
.cj-col li:last-child { margin-bottom: 0; }
.cj-vide { color: var(--cj-mut); font-size: 14px; margin: 0; }

.cj-tab-w { min-width: 0; }
.cj-t { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 14px; }
.cj-t th { text-align: left; font-size: 12.5px; font-weight: 700; color: var(--cj-mut); padding: 9px 10px; border-bottom: 1px solid var(--cj-bd); white-space: normal; vertical-align: bottom; line-height: 1.3; }
.cj-t td { padding: 10px; border-bottom: 1px solid var(--cj-bd2); vertical-align: middle; min-width: 0; }
.cj-t tr:last-child td { border-bottom: 0; }
.cj-t .cj-r { text-align: right; font-variant-numeric: tabular-nums; }
.cj-t .cj-c { text-align: center; }
.cj-t-lib { font-weight: 680; color: var(--cj-ink); }
.cj-t-cmp { display: block; color: var(--cj-mut); font-size: 12.5px; }
.cj-t-seaux thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.cj-t-seaux, .cj-t-seaux tbody { display: block; }
.cj-t-seaux tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px; padding: 12px 0; border-bottom: 1px solid var(--cj-bd2); }
.cj-t-seaux tr:last-child { border-bottom: 0; }
.cj-t-seaux td { display: block; padding: 0; border: 0; }
.cj-t-seaux td.cj-r { text-align: left; }
.cj-t-seaux td[data-l]::before { content: attr(data-l); display: block; font-size: 12px; font-weight: 650; color: var(--cj-mut); margin-bottom: 2px; }
.cj-t-seaux .cj-t-h { grid-column: 1 / 2; }
.cj-t-seaux .cj-t-v { grid-column: 2 / 3; grid-row: 1; justify-self: end; }

.cj-v { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 700; padding: 3px 9px; border-radius: var(--cj-pill); white-space: nowrap; }
.cj-v.is-fort { background: var(--cj-ok-l); color: var(--cj-ok); }
.cj-v.is-faible { background: var(--cj-ko-l); color: var(--cj-ko); }
.cj-v.is-egal { background: var(--cj-soft2); color: var(--cj-ink2); }
.cj-v.is-peu { background: var(--cj-soft); color: var(--cj-mut); border: 1px dashed var(--cj-bd); }

.cj-ecart { display: flex; align-items: center; gap: 8px; min-width: 0; }
.cj-ecart-b { position: relative; flex: 1 1 70px; min-width: 56px; height: 8px; background: var(--cj-soft2); border-radius: 4px; }
.cj-ecart-b::after { content: ''; position: absolute; left: 50%; top: -3px; bottom: -3px; width: 2px; background: var(--cj-ar-f); border-radius: 1px; }
.cj-ecart-f { position: absolute; top: 0; bottom: 0; border-radius: 4px; }
.cj-ecart-f.is-plus { left: 50%; background: var(--cj-ok); }
.cj-ecart-f.is-moins { right: 50%; background: var(--cj-ko); }
.cj-ecart-n { flex: 0 0 auto; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; min-width: 3.2em; text-align: right; }

.cj-sais { display: grid; gap: 8px; }
.cj-sais-l { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 10px 12px; border: 1px solid var(--cj-bd2); border-radius: var(--cj-r-sm); background: var(--cj-card); }
.cj-sais-h { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; }
.cj-sais-n { font-weight: 720; }
.cj-sais-m { font-size: 13px; color: var(--cj-mut); }
.cj-barre { position: relative; height: 10px; background: var(--cj-soft2); border-radius: 5px; margin-top: 4px; }
.cj-barre-f { position: absolute; left: 0; top: 0; bottom: 0; background: var(--cj-acc); border-radius: 5px; }
.cj-barre-c { position: absolute; top: -3px; bottom: -3px; width: 3px; background: var(--cj-ink); border-radius: 2px; }
.cj-legende { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 12.5px; color: var(--cj-mut); margin: 0 0 10px; }
.cj-legende span { display: inline-flex; align-items: center; gap: 6px; }
.cj-legende .cj-lg-f { width: 18px; height: 8px; border-radius: 4px; background: var(--cj-acc); }
.cj-legende .cj-lg-c { width: 3px; height: 14px; border-radius: 2px; background: var(--cj-ink); }

.cj-filtres { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
.cj .cj-chip-b { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 8px 15px; border-radius: var(--cj-pill); border: 1px solid var(--cj-bd); background: var(--cj-card); color: var(--cj-ink2); font-weight: 650; font-size: 14px; text-decoration: none; cursor: pointer; white-space: nowrap; }
.cj .cj-chip-b:hover { background: var(--cj-acc-l2); border-color: var(--cj-acc); color: var(--cj-acc-d); }
.cj .cj-chip-b[aria-current="true"], .cj .cj-chip-b[aria-pressed="true"] { background: var(--cj-acc-d); border-color: var(--cj-acc-d); color: #fff; }

.cj-grilles { display: grid; gap: 10px; }
.cj-gr { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 12px 13px; border: 1px solid var(--cj-bd2); border-radius: var(--cj-r-sm); background: var(--cj-card); }
.cj-gr.is-gain { border-color: #9fd9c3; background: linear-gradient(90deg, var(--cj-ok-l) 0, var(--cj-card) 60%); }
.cj-gr-h { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; }
.cj .cj-gr-d { display: inline-flex; align-items: center; min-height: 44px; font-weight: 720; color: var(--cj-ink); text-decoration: none; }
.cj .cj-gr-d:hover { color: var(--cj-acc-d); text-decoration: underline; }
.cj-gr-c { font-size: 13px; color: var(--cj-mut); }
.cj-gr-p { font-weight: 780; font-size: 16px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.cj-gr-p.is-zero { color: var(--cj-mut); font-weight: 650; }
.cj-gr-det { font-size: 13px; color: var(--cj-ok); font-weight: 650; }

.cj-ch { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; min-width: 0; }
.cj-n { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 32px; padding: 0 6px; border-radius: 8px; border: 1px solid var(--cj-bd); background: var(--cj-soft); color: var(--cj-ink2); font-weight: 720; font-size: 14px; font-variant-numeric: tabular-nums; }
.cj-n.is-top { background: var(--cj-acc-d); border-color: var(--cj-acc-d); color: #fff; }
.cj-n.is-g { background: var(--cj-or-l); border-color: var(--cj-or-f); color: var(--cj-or); }
.cj-n-r { position: absolute; top: -7px; right: -6px; min-width: 16px; height: 16px; padding: 0 3px; border-radius: 8px; background: var(--cj-card); color: var(--cj-ink); border: 1px solid var(--cj-bd); font-size: 10.5px; font-weight: 780; line-height: 14px; text-align: center; }
.cj-n.is-comp { border-style: dashed; background: var(--cj-card); }
.cj-ch-sep { font-size: 12px; font-weight: 700; color: var(--cj-mut); margin: 0 2px 0 4px; }
.cj-n.is-np { text-decoration: line-through; color: var(--cj-mut); }
.cj-masque { display: inline-flex; align-items: center; gap: 7px; color: var(--cj-mut); font-size: 13.5px; font-weight: 600; }

.cj-bdg { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.cj-bdg-i { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; font-size: 12px; border: 1.5px solid; }
.cj-bdg-i.is-or { background: var(--cj-or-l); border-color: var(--cj-or-f); color: var(--cj-or); }
.cj-bdg-i.is-argent { background: var(--cj-ar-l); border-color: var(--cj-ar-f); color: var(--cj-ar); }
.cj-bdg-i.is-bronze { background: var(--cj-br-l); border-color: var(--cj-br-f); color: var(--cj-br); }
.cj-bdg-plus { font-size: 12px; font-weight: 700; color: var(--cj-mut); }
.cj-bdg-n { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: var(--cj-pill); background: var(--cj-soft2); color: var(--cj-ink2); font-size: 12px; font-weight: 700; margin-left: 2px; font-variant-numeric: tabular-nums; }
.cj-bdg-n::after { content: ' badges'; font-weight: 600; color: var(--cj-mut); white-space: pre; }

.cj-who { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.cj-who-n { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-weight: 720; color: var(--cj-ink); overflow-wrap: anywhere; }
.cj-tag { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 700; padding: 2px 8px; border-radius: var(--cj-pill); background: var(--cj-soft2); color: var(--cj-ink2); white-space: nowrap; }
.cj-tag.is-vous { background: var(--cj-acc-d); color: #fff; }
.cj-tag.is-v { background: var(--cj-ar-l); color: var(--cj-ar); }
.cj-tag.is-lock { background: var(--cj-soft2); color: var(--cj-mut); }

.cj-outils { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0 0 12px; }
.cj-recherche { position: relative; flex: 1 1 220px; min-width: 0; }
.cj-recherche input { width: 100%; min-height: 44px; padding: 9px 12px 9px 38px; border: 1px solid var(--cj-bd); border-radius: var(--cj-r-sm); font-size: 15px; color: var(--cj-ink); background: var(--cj-card); }
.cj-recherche input:focus { outline: 3px solid var(--cj-acc); outline-offset: 1px; border-color: var(--cj-acc); }
.cj-recherche i { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: var(--cj-mut); font-size: 14px; pointer-events: none; }
.cj-case { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 6px 12px; border: 1px solid var(--cj-bd); border-radius: var(--cj-r-sm); background: var(--cj-card); font-size: 14px; font-weight: 600; color: var(--cj-ink2); cursor: pointer; }
.cj-case input { width: 18px; height: 18px; accent-color: var(--cj-acc-d); margin: 0; }
.cj .cj-bt { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 9px 16px; border-radius: var(--cj-r-sm); border: 1px solid var(--cj-acc-d); background: var(--cj-acc-d); color: #fff; font-weight: 700; font-size: 14.5px; text-decoration: none; cursor: pointer; white-space: nowrap; }
.cj .cj-bt:hover { background: var(--cj-ink); border-color: var(--cj-ink); color: #fff; }
.cj .cj-bt.is-sec { background: var(--cj-card); color: var(--cj-acc-d); }
.cj .cj-bt.is-sec:hover { background: var(--cj-acc-l2); color: var(--cj-ink); border-color: var(--cj-ink); }

.cj-jnav { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 14px; }
.cj-jnav form { order: 3; flex: 1 1 100%; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0; }
.cj-jnav .cj-jprev { order: 1; }
.cj-jnav .cj-jnext { order: 2; margin-left: auto; }
.cj-jnav label { font-weight: 650; font-size: 14px; color: var(--cj-ink2); }
.cj input:focus, .cj input:focus-within { outline: 3px solid var(--cj-acc); outline-offset: 1px; }
.cj-jnav input[type="date"] { min-height: 44px; padding: 8px 10px; border: 1px solid var(--cj-bd); border-radius: var(--cj-r-sm); font-size: 15px; color: var(--cj-ink); background: var(--cj-card); }

.cj-resume { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; padding: 12px 14px; border: 1px solid var(--cj-bd2); border-radius: var(--cj-r-sm); background: var(--cj-soft); margin: 0 0 12px; font-size: 14px; color: var(--cj-ink2); }
.cj-resume b { color: var(--cj-ink); font-variant-numeric: tabular-nums; }
.cj-resume-arr { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }

.cj-lst { display: grid; gap: 8px; }
.cj-ln { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "rg who pts" "ch ch ch"; gap: 8px 10px; align-items: center; padding: 11px 12px; border: 1px solid var(--cj-bd2); border-radius: var(--cj-r-sm); background: var(--cj-card); min-width: 0; }
.cj-ln.is-vous { border-color: var(--cj-acc); box-shadow: 0 0 0 1px var(--cj-acc) inset; background: var(--cj-acc-l2); }
.cj-ln.is-virt { background: var(--cj-soft); }
.cj-ln-rg { grid-area: rg; min-width: 32px; height: 32px; padding: 0 6px; display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; background: var(--cj-soft2); color: var(--cj-ink2); font-weight: 780; font-size: 14px; font-variant-numeric: tabular-nums; }
.cj-ln-rg.is-1 { background: var(--cj-or-l); color: var(--cj-or); border: 1.5px solid var(--cj-or-f); }
.cj-ln-rg.is-2 { background: var(--cj-ar-l); color: var(--cj-ar); border: 1.5px solid var(--cj-ar-f); }
.cj-ln-rg.is-3 { background: var(--cj-br-l); color: var(--cj-br); border: 1.5px solid var(--cj-br-f); }
.cj-ln-rg.is-vide { background: transparent; color: var(--cj-mut); font-weight: 600; }
.cj-ln-who { grid-area: who; min-width: 0; }
.cj-ln-pts { grid-area: pts; text-align: right; }
.cj-ln-pts b { display: block; font-size: 16px; font-weight: 780; font-variant-numeric: tabular-nums; white-space: nowrap; }
.cj-ln-pts span { display: block; font-size: 12px; color: var(--cj-mut); }
.cj-ln-ch { grid-area: ch; min-width: 0; }
.cj-ln-det { display: block; font-size: 12.5px; color: var(--cj-ok); font-weight: 650; margin-top: 5px; }
.cj-plus { display: flex; justify-content: center; margin-top: 12px; }
.cj-aucun { padding: 18px; text-align: center; color: var(--cj-mut); border: 1px dashed var(--cj-bd); border-radius: var(--cj-r-sm); }

.cj-essaim { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px 12px; align-items: center; padding: 12px 14px; border: 1px solid var(--cj-bd); border-radius: var(--cj-r-sm); background: var(--cj-card); margin: 0 0 18px; }
.cj-essaim-ico { width: 38px; height: 38px; border-radius: 10px; background: var(--cj-acc-l); color: var(--cj-acc-d); display: inline-flex; align-items: center; justify-content: center; font-size: 16px; }
.cj-essaim-t { font-size: 14.5px; color: var(--cj-ink2); margin: 0; min-width: 0; }
.cj-essaim-t strong { color: var(--cj-ink); }
.cj-essaim .cj-bt { grid-column: 1 / -1; }
.cj-essaim-ok { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; color: var(--cj-ok); font-weight: 650; }

.cj-pod { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin: 0 0 14px; }
.cj-pc { position: relative; display: grid; gap: 8px; padding: 16px; border-radius: var(--cj-r); border: 1px solid var(--cj-bd); background: var(--cj-card); box-shadow: var(--cj-sh); min-width: 0; }
.cj-pc.is-1 { border-color: var(--cj-or-f); background: linear-gradient(160deg, #fff8e5 0, var(--cj-card) 55%); }
.cj-pc.is-2 { border-color: var(--cj-ar-f); background: linear-gradient(160deg, #f3f6fa 0, var(--cj-card) 55%); }
.cj-pc.is-3 { border-color: var(--cj-br-f); background: linear-gradient(160deg, #fbf1e7 0, var(--cj-card) 55%); }
.cj-pc-h { display: flex; align-items: center; gap: 12px; min-width: 0; }
.cj-med { flex: 0 0 auto; width: 46px; height: 46px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 18px; border: 2px solid; font-variant-numeric: tabular-nums; }
.cj-pc.is-1 .cj-med { background: var(--cj-or-l); color: var(--cj-or); border-color: var(--cj-or-f); }
.cj-pc.is-2 .cj-med { background: var(--cj-ar-l); color: var(--cj-ar); border-color: var(--cj-ar-f); }
.cj-pc.is-3 .cj-med { background: var(--cj-br-l); color: var(--cj-br); border-color: var(--cj-br-f); }
.cj-pc-id { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.cj-pc-n { font-size: 17px; font-weight: 780; letter-spacing: -.01em; line-height: 1.2; overflow-wrap: anywhere; }
.cj-pc-pts { flex: 0 0 auto; text-align: right; font-size: 24px; font-weight: 800; letter-spacing: -.02em; font-variant-numeric: tabular-nums; line-height: 1.1; white-space: nowrap; }
.cj-pc-pts small { font-size: 13px; font-weight: 650; color: var(--cj-mut); letter-spacing: 0; }
.cj-pc-av { display: block; font-size: 12px; font-weight: 650; color: var(--cj-mut); letter-spacing: 0; margin-top: 2px; }
.cj-pc-f { margin: 0; font-size: 13.5px; color: var(--cj-ink2); }
.cj-pc-fs { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13px; color: var(--cj-mut); }
.cj-pc-fi { display: inline-flex; align-items: center; gap: 7px; }
.cj-pc-fi b { color: var(--cj-ink); }
.cj-pc-lot { font-size: 13px; color: var(--cj-ink2); border-top: 1px dashed var(--cj-bd); padding-top: 8px; }
.cj-pc-lot i { color: var(--cj-or); margin-right: 5px; }

.cj-top { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.cj-tl { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 4px 10px; align-items: center; padding: 10px 12px; border: 1px solid var(--cj-bd2); border-radius: var(--cj-r-sm); background: var(--cj-card); }
.cj-tl-r { width: 34px; height: 34px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; background: var(--cj-acc-l); color: var(--cj-acc-d); font-weight: 780; font-variant-numeric: tabular-nums; }
.cj-tl-n { font-weight: 720; overflow-wrap: anywhere; min-width: 0; }
.cj-tl-s { display: block; font-size: 12.5px; color: var(--cj-mut); font-weight: 500; }
.cj-tl-p { font-weight: 780; font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.cj-tl-p span { display: block; font-size: 12px; font-weight: 600; color: var(--cj-mut); }

.cj-moi { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 14px 16px; border-radius: var(--cj-r); border: 1px solid var(--cj-acc); background: var(--cj-acc-l2); margin: 0 0 16px; }
.cj-moi-t { font-weight: 750; font-size: 16px; margin: 0; }
.cj-moi-g { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px; font-size: 13px; color: var(--cj-mut); }
.cj-moi-g b { display: block; font-size: 17px; color: var(--cj-ink); font-variant-numeric: tabular-nums; }
.cj-moi-a { display: flex; flex-wrap: wrap; gap: 8px; }

.cj-forme { display: inline-flex; gap: 3px; align-items: center; }
.cj-fp { width: 12px; height: 12px; border-radius: 3px; background: var(--cj-soft2); border: 1px solid var(--cj-bd); }
.cj-fp.is-q5 { background: var(--cj-or-f); border-color: var(--cj-or); }
.cj-fp.is-q4 { background: var(--cj-acc-d); border-color: var(--cj-acc-d); }
.cj-fp.is-t3 { background: #7cc4d3; border-color: #4fa8ba; }
.cj-evo { font-size: 12.5px; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.cj-evo.is-up { color: var(--cj-ok); }
.cj-evo.is-down { color: var(--cj-ko); }
.cj-evo.is-eq { color: var(--cj-mut); }
.cj-spe { font-size: 12.5px; font-weight: 650; color: var(--cj-ink2); }
.cj-combos { font-size: 12.5px; color: var(--cj-mut); white-space: normal; }
.cj-combos b { color: var(--cj-ink); font-weight: 700; }

.cj-gl { display: grid; gap: 8px; min-width: 0; }
.cj-gh { display: none; }
.cj-gc { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "rg who pts" "ev x x"; gap: 6px 10px; align-items: center; padding: 11px 12px; border: 1px solid var(--cj-bd2); border-radius: var(--cj-r-sm); background: var(--cj-card); min-width: 0; }
.cj-gc.is-vous { border-color: var(--cj-acc); background: var(--cj-acc-l2); box-shadow: 0 0 0 1px var(--cj-acc) inset; }
.cj-gc.is-virt { background: var(--cj-soft); }
.cj-gc-rg { grid-area: rg; }
.cj-gc-ev { grid-area: ev; text-align: center; }
.cj-gc-who { grid-area: who; min-width: 0; }
.cj-gc-pts { grid-area: pts; white-space: nowrap; }
.cj-gc-pts b { font-size: 16px; font-weight: 780; font-variant-numeric: tabular-nums; }
.cj-gc-u { font-size: 12.5px; color: var(--cj-mut); font-weight: 600; }
.cj-gc-x { grid-area: x; display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; font-size: 13px; color: var(--cj-ink2); min-width: 0; }
.cj-gc-c { display: inline-flex; align-items: center; gap: 6px; min-width: 0; font-variant-numeric: tabular-nums; }
.cj-gc-l { font-size: 12px; color: var(--cj-mut); font-weight: 600; }
.cj-gc-x .cj-r { text-align: left; }

.cj-ong { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }

@media (min-width: 36rem) {
  .cj-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cj-essaim { grid-template-columns: auto minmax(0, 1fr) auto; }
  .cj-jnav form { order: 2; flex: 0 1 auto; }
  .cj-jnav .cj-jnext { order: 3; margin-left: 0; }
  .cj-essaim .cj-bt { grid-column: auto; }
  .cj-moi { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
  .cj-moi-g { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-column: 1 / -1; }
  .cj-sais-l { grid-template-columns: minmax(150px, 1fr) minmax(0, 2fr); align-items: center; gap: 4px 16px; }
}

@media (min-width: 48rem) {
  .cj-bloc { padding: 20px 22px; }
  .cj-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .cj-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cj-t-seaux { display: table; }
  .cj-t-seaux thead { position: static; width: auto; height: auto; overflow: visible; clip: auto; display: table-header-group; }
  .cj-t-seaux tbody { display: table-row-group; }
  .cj-t-seaux tr { display: table-row; padding: 0; }
  .cj-t-seaux td { display: table-cell; padding: 10px; border-bottom: 1px solid var(--cj-bd2); }
  .cj-t-seaux tr:last-child td { border-bottom: 0; }
  .cj-t-seaux td.cj-r { text-align: right; }
  .cj-t-seaux td[data-l]::before { content: none; }
  .cj-t-seaux .cj-t-v { justify-self: auto; }
  .cj-cols .is-conseil { grid-column: 1 / -1; }
  .cj-gr { grid-template-columns: 150px minmax(0, 1fr) auto; align-items: center; gap: 6px 16px; }
  .cj-gr-h { display: block; }
  .cj-gr-c { display: block; }
  .cj-gr .cj-ch { justify-content: flex-start; }
  .cj-gr-r { text-align: right; }
  .cj-ln { grid-template-columns: auto minmax(160px, 1fr) minmax(0, 1.6fr) auto; grid-template-areas: "rg who ch pts"; }
  .cj-pod { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; }
  .cj-pod .cj-pc.is-1 { order: 2; padding-top: 26px; }
  .cj-pod .cj-pc.is-2 { order: 1; }
  .cj-pod .cj-pc.is-3 { order: 3; }
  .cj-top { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 64rem) {

}

@media (min-width: 72rem) {
  .cj-gl { gap: 0; border: 1px solid var(--cj-bd); border-radius: var(--cj-r); background: var(--cj-card); overflow: hidden; }
  .cj-gh, .cj-gc { grid-template-columns: 44px 52px minmax(170px, 1.7fr) 92px 58px 72px minmax(140px, 1.1fr) 84px minmax(100px, .9fr); grid-template-areas: none; gap: 0 12px; padding: 9px 14px; }
  .cj-gh { display: grid; align-items: end; font-size: 12.5px; font-weight: 700; color: var(--cj-mut); border-bottom: 1px solid var(--cj-bd); background: var(--cj-soft); }
  .cj-gc { border: 0; border-bottom: 1px solid var(--cj-bd2); border-radius: 0; }
  .cj-gc:last-child { border-bottom: 0; }
  .cj-gc-rg, .cj-gc-ev, .cj-gc-who, .cj-gc-pts { grid-area: auto; }
  .cj-gc-ev { text-align: left; }
  .cj-gc-pts { text-align: right; }
  .cj-gc-x { display: contents; }
  .cj-gc-x .cj-r { text-align: right; justify-content: flex-end; }
  .cj-gc-l { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .cj-gc.is-vous { box-shadow: inset 3px 0 0 var(--cj-acc); }
  .cj-gc-who { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
  .cj-gc-who .cj-bdg-i { width: 22px; height: 22px; font-size: 10.5px; }
}

@media (prefers-reduced-motion: no-preference) {
  .cj-chip-b, .cj-bt, .cj-ln, .cj-gc { transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
}
.cj-m0 { margin: 0; }
.cj-dist { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.cj-di { display: flex; gap: 12px; align-items: flex-start; padding: 14px; border: 1px solid var(--cj-bd); border-radius: var(--cj-r-sm); background: var(--cj-card); min-width: 0; }
.cj-di-ico { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: var(--cj-or-l); color: var(--cj-or); font-size: 16px; }
.cj-di-x { min-width: 0; }
.cj-di-t { margin: 0 0 2px; font-size: 13px; font-weight: 700; color: var(--cj-mut); letter-spacing: .01em; }
.cj-di-n { margin: 0; font-size: 17px; font-weight: 780; color: var(--cj-ink); overflow-wrap: anywhere; }
.cj-di-v { margin: 2px 0 0; font-size: 14px; font-weight: 650; color: var(--cj-ink2); }
.cj-di-s { margin: 2px 0 0; font-size: 12.5px; color: var(--cj-mut); }
@media (min-width: 48rem) { .cj-dist { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 72rem) { .cj-dist { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
#challengeTab .nav-link, #leaderboardTab .nav-link { min-height: 44px; display: flex; align-items: center; justify-content: center; }
.challenge-header .ch-stat-label { white-space: normal; overflow: visible; text-overflow: clip; }
.challenge-header .ch-status.is-ended { color: #4b5563; }
.challenge-header .ch-status.is-ended .ch-dot { background: #4b5563; }
@media (max-width: 63.99rem) {
  #challengeTab.nav-tabs, #leaderboardTab.nav-tabs { flex-wrap: wrap; overflow: visible; gap: 6px; }
  #challengeTab .nav-item, #leaderboardTab .nav-item { flex: 1 1 auto; min-width: 0; }
  #challengeTab .nav-link, #leaderboardTab .nav-link { width: 100%; margin: 0; padding: .7rem .6rem; text-align: center; white-space: normal; }
}
@media (max-width: 47.99rem) {
  #challengeTab .nav-item, #leaderboardTab .nav-item { flex: 1 1 calc(50% - 6px); }
}
.prono-recap-badge { white-space: normal; max-width: 100%; }
.cj-tl.is-virt { background: var(--cj-soft); }
.cj-tl.is-virt .cj-tl-r { background: var(--cj-ar-l); color: var(--cj-ar); }
.cj-pc .cj-tag.is-v { align-self: flex-start; }