.ct {
  --ct-fond: var(--canvas-bg);
  --ct-panneau: var(--marine-dim);
  --ct-texte: var(--cream);
  --ct-doux: color-mix(in srgb, var(--cream) 72%, var(--canvas-bg));
  --ct-filet: color-mix(in srgb, var(--cream) 14%, var(--canvas-bg));
  --ct-filet-fort: color-mix(in srgb, var(--cream) 40%, var(--canvas-bg));
  --ct-sourd: color-mix(in srgb, var(--cream) 20%, var(--canvas-bg));
  --ct-accent: var(--brique);
  --ct-accent-clair: var(--brique-light);
  --ct-sur-accent: var(--marine);
  --ct-ok: color-mix(in srgb, var(--note-ok-vif) 55%, var(--cream));
  --ct-ko: color-mix(in srgb, var(--dot-red) 70%, var(--cream));
  min-height: 100%; height: auto; display: flex; flex-direction: column;
  background: var(--ct-fond); color: var(--ct-texte); font-family: var(--mono); font-size: 13px; line-height: 1.5;
}
.ct [hidden] { display: none !important; }
.ct a { color: var(--ct-accent-clair); }
.ct a:hover { color: var(--ct-texte); }
.ct p { margin: 0; }
.ct-doux { color: var(--ct-doux); }
.ct-accent { color: var(--ct-accent); }
.ct-cache { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.ct-texte { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.5; }

.ct-marque { display: flex; align-items: baseline; gap: 10px; text-decoration: none; color: var(--ct-texte); }
.ct a.ct-marque { color: var(--ct-texte); }
.ct-g { font-family: var(--display); font-size: 24px; line-height: 1; }
.ct-point { color: var(--ct-accent); }
.ct-lieu { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ct-doux); }
.ct-tete { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; padding: 16px 40px; border-bottom: 1px solid var(--ct-filet); }
.ct-outils { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 22px; font-size: 12px; min-width: 0; }
.ct-outils > span { overflow-wrap: anywhere; min-width: 0; }
.ct-outils a:not(.ct-bouton) { display: inline-flex; align-items: center; min-height: 44px; color: var(--ct-texte); text-decoration: none; border-bottom: 2px solid transparent; box-sizing: border-box; }
.ct-outils a:not(.ct-bouton):hover, .ct-outils a[aria-current="page"]:not(.ct-bouton) { border-bottom-color: var(--ct-accent); }
.ct-lien { min-height: 44px; padding: 0; border: 0; background: none; color: var(--ct-doux); font: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.ct-lien:hover { color: var(--ct-texte); }
.ct-lien.is-accent { color: var(--ct-accent-clair); }
.ct-retour { align-self: flex-start; display: inline-flex; align-items: center; min-height: 44px; font-size: 12px; text-decoration: none; }
.ct a.ct-retour { color: var(--ct-doux); }

.ct-bouton, .ct a.ct-bouton { display: inline-flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 44px; box-sizing: border-box; padding: 0 16px; border: 0; background: var(--ct-accent); color: var(--ct-sur-accent); font-family: var(--display); font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; text-decoration: none; cursor: pointer; }
.ct-bouton:hover, .ct a.ct-bouton:hover { background: var(--ct-accent-clair); color: var(--ct-sur-accent); }
.ct-bouton.is-large { min-height: 54px; padding: 0 20px; font-size: 13px; }
.ct-bouton.is-moyen { min-height: 46px; }
.ct-bouton.is-marine { background: var(--marine); color: var(--ct-texte); }
.ct-bouton.is-marine:hover { background: var(--marine-hover); color: var(--ct-texte); }
.ct-bouton:disabled { opacity: 0.55; cursor: progress; }
.ct :focus-visible { outline: 2px solid var(--ct-accent-clair); outline-offset: 2px; }
.ct-attente :focus-visible { outline-color: var(--marine); }

.ct-main { flex: 1 1 auto; display: flex; flex-direction: column; min-width: 0; }
.ct-vue { flex: 1 1 auto; min-width: 0; }
.ct-message { margin: 0; padding: 0 40px; font-size: 12px; color: var(--ct-accent-clair); }
.ct-message:not(:empty) { padding-top: 14px; padding-bottom: 2px; }
.ct-message.is-erreur { color: var(--ct-ko); }
.ct-erreur { margin: 0; min-height: 1em; color: var(--ct-ko); font-size: 12px; }
.ct-h1 { margin: 0; font-family: var(--display); font-weight: 400; line-height: 0.96; letter-spacing: -0.03em; overflow-wrap: anywhere; }
.ct-h1:focus { outline: none; }
.ct-h1.is-grand { font-size: clamp(48px, 7.4vw, 92px); }
.ct-h1.is-moyen { font-size: clamp(40px, 5.6vw, 72px); }
.ct-h1.is-outil { font-size: clamp(40px, 6vw, 76px); }
.ct-h2 { margin: 0; font-family: var(--display); font-weight: 400; font-size: clamp(26px, 3vw, 34px); line-height: 1.05; }
.ct-sur { margin: 0; font-family: var(--mono); font-weight: 400; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ct-accent-clair); }
.ct-sur.is-doux { color: var(--ct-doux); }
.ct-lib { font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ct-doux); padding: 0; }
.ct-num { font-family: var(--display); font-size: 26px; color: var(--ct-accent); }

.ct-centre { box-sizing: border-box; padding: 40px 56px 72px; display: flex; flex-direction: column; gap: 24px; }
.ct-centre > .ct-h1, .ct-centre > p { max-width: 560px; }
.ct-code-bloc { width: 100%; max-width: 560px; margin: auto; display: flex; flex-direction: column; gap: 24px; }
.ct-code-bloc p { font-size: 15px; line-height: 1.55; color: var(--ct-doux); }
.ct-pas { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.ct-pas li { padding-top: 14px; border-top: 6px solid var(--ct-sourd); font-size: 11px; color: var(--ct-doux); }
.ct-pas li.is-fait { border-top-color: var(--ct-texte); }
.ct-pas li.is-courant { border-top-color: var(--ct-accent); color: var(--ct-accent-clair); }
.ct-cases { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.ct-cases input { height: 76px; min-width: 0; box-sizing: border-box; padding: 0; border: 1px solid var(--ct-filet-fort); border-radius: 0; background: var(--ct-panneau); color: var(--ct-texte); text-align: center; font-family: var(--display); font-size: 34px; }
.ct-cases input:focus { outline: none; border: 2px solid var(--ct-accent); }
.ct-suite { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 20px; font-size: 12px; color: var(--ct-doux); }

.ct-connexion { display: flex; flex-wrap: wrap; }
.ct-accueil { flex: 999 1 520px; min-width: 0; box-sizing: border-box; padding: 40px 56px 56px; display: flex; flex-direction: column; gap: 40px; border-right: 1px solid var(--ct-filet); }
.ct-accroche { margin-top: auto; display: flex; flex-direction: column; gap: 22px; }
.ct-accroche p { max-width: 520px; font-size: 16px; line-height: 1.55; color: var(--ct-doux); }
.ct-trois { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 1px; background: var(--ct-filet); border: 1px solid var(--ct-filet); }
.ct-trois li { background: var(--ct-fond); padding: 18px; display: flex; flex-direction: column; gap: 8px; }
.ct-porte { flex: 1 1 420px; min-width: 0; box-sizing: border-box; padding: 56px; background: var(--ct-panneau); display: flex; flex-direction: column; justify-content: center; gap: 22px; }
.ct-aide { font-size: 12px; line-height: 1.55; color: var(--ct-doux); }

.ct-champ { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.ct-champ > input, .ct-champ > select, .ct-champ > textarea, .ct-conv-saisie textarea { min-height: 50px; box-sizing: border-box; width: 100%; padding: 0 14px; border: 1px solid var(--ct-filet-fort); border-radius: 0; background: var(--ct-panneau); color: var(--ct-texte); font-family: inherit; font-size: 14px; }
.ct-champ > textarea, .ct-conv-saisie textarea { padding: 12px 14px; line-height: 1.5; resize: vertical; }
.ct-champ > select:invalid { color: var(--ct-doux); }
.ct-champ > input:focus, .ct-champ > select:focus, .ct-champ > textarea:focus, .ct-conv-saisie textarea:focus { outline: none; border-color: var(--ct-accent); }
.ct ::placeholder { color: var(--ct-doux); opacity: 1; }
.ct-saisie { display: flex; align-items: center; gap: 10px; min-height: 54px; box-sizing: border-box; padding: 0 14px; border: 1px solid var(--ct-filet-fort); background: var(--ct-fond); min-width: 0; }
.ct-saisie.is-libelle { background: var(--ct-panneau); min-height: 50px; flex-wrap: wrap; font-size: 12px; }
.ct-saisie:focus-within { border-color: var(--ct-accent); }
.ct-saisie input { flex: 1 1 160px; min-width: 0; min-height: 44px; border: 0; outline: none; background: none; color: var(--ct-texte); font-family: inherit; font-size: 14px; }
.ct-dollar { color: var(--ct-accent); }
.ct-coche { display: flex; align-items: flex-start; gap: 12px; min-height: 44px; font-size: 12px; line-height: 1.55; cursor: pointer; }
.ct-coche input { flex: 0 0 auto; width: 20px; height: 20px; margin: 0; accent-color: var(--ct-accent); }
.ct-piege { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ct progress { width: 100%; height: 10px; accent-color: var(--ct-accent); }

.ct-nouveau { box-sizing: border-box; padding: 28px 40px 64px; display: flex; flex-wrap: wrap; gap: 32px 48px; }
.ct-nouveau-intro { flex: 1 1 320px; max-width: 420px; display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.ct-nouveau-intro > p { font-size: 15px; line-height: 1.55; color: var(--ct-doux); }
.ct-regles { margin: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px 16px; padding-top: 20px; border-top: 1px solid var(--ct-filet); font-size: 12px; line-height: 1.5; }
.ct-regles dt { font-family: var(--display); font-size: 16px; color: var(--ct-accent); }
.ct-regles dd { margin: 0; }
.ct-form { flex: 999 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 22px; }
.ct-form.is-etroit { flex: 0 1 auto; max-width: 520px; }
.ct-deux { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px 22px; min-width: 0; }
.ct-groupe { margin: 0; padding: 0; border: 0; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.ct-groupe legend { margin-bottom: 8px; }
.ct-choix { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 17px; border: 1px solid var(--ct-filet-fort); cursor: pointer; min-width: 0; }
.ct-choix:has(input:checked) { padding: 16px; border: 2px solid var(--ct-accent); background: var(--ct-panneau); }
.ct-choix:has(input:focus-visible) { outline: 2px solid var(--ct-accent-clair); outline-offset: 2px; }
.ct-choix input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.ct-choix-titre { font-family: var(--display); font-size: 16px; }
.ct-choix-aide { font-size: 12px; color: var(--ct-doux); }
.ct-regle { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; border: 1px solid var(--ct-accent); }
.ct-depot { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 150px; box-sizing: border-box; padding: 20px; border: 2px dashed var(--ct-accent); background: var(--ct-panneau); text-align: center; cursor: pointer; }
.ct-depot.is-choisi { border-style: solid; }
.ct-depot:has(input:focus-visible) { outline: 2px solid var(--ct-accent-clair); outline-offset: 2px; }
.ct-depot input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.ct-depot-titre { font-family: var(--display); font-size: 18px; overflow-wrap: anywhere; }
.ct-depot-aide { font-size: 12px; color: var(--ct-doux); }
.ct-pied-form { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding-top: 20px; border-top: 1px solid var(--ct-filet); font-size: 12px; }

.ct-onglets { display: flex; flex-wrap: wrap; padding: 0 40px; border-bottom: 1px solid var(--ct-filet); }
.ct a.ct-onglet { display: flex; flex-direction: column; gap: 4px; padding: 16px 28px 14px 0; margin-right: 28px; min-width: 0; max-width: 100%; text-decoration: none; color: var(--ct-doux); border-bottom: 3px solid transparent; }
.ct a.ct-onglet:hover { color: var(--ct-texte); }
.ct a.ct-onglet[aria-current="page"] { color: var(--ct-texte); border-bottom-color: var(--ct-accent); }
.ct-onglet-nom { font-family: var(--display); font-size: 18px; overflow-wrap: anywhere; }
.ct-onglet-etat { font-size: 11px; }
.ct-onglet[aria-current="page"] .ct-onglet-etat { color: var(--ct-accent-clair); }
.ct-vide { padding: 56px 40px; display: flex; flex-direction: column; align-items: flex-start; gap: 22px; }

.ct-tableau { box-sizing: border-box; padding: 36px 40px 56px; display: flex; flex-direction: column; gap: 36px; min-width: 0; }
.ct-titre { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; }
.ct-titre-gauche { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.ct-titre-note { max-width: 320px; font-size: 11px; line-height: 1.5; text-align: right; color: var(--ct-doux); }
.ct-titre-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px 16px; font-size: 11px; }

.ct-etat-lecture { min-height: 46px; padding: 0 16px; border: 1px solid var(--ct-ko); background: none; color: var(--ct-ko); font: inherit; font-size: 12px; cursor: not-allowed; }

.ct-attente { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 32px; padding: 22px 24px; background: var(--ct-accent); color: var(--ct-sur-accent); }
.ct-attente-texte { flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.ct-attente-titre { margin: 0; font-family: var(--display); font-weight: 400; font-size: 26px; line-height: 1; }
.ct-attente .ct-texte { font-size: 14px; }
.ct-attente-date { font-size: 11px; }
.ct-attente-envoi { flex: 0 1 360px; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.ct-attente-choix { position: relative; display: flex; align-items: center; min-height: 46px; box-sizing: border-box; padding: 0 14px; border: 1px dashed var(--ct-sur-accent); font-size: 12px; cursor: pointer; overflow-wrap: anywhere; }
.ct-attente-choix:has(input:focus-visible) { outline: 2px solid var(--marine); outline-offset: 2px; }
.ct-attente-choix input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.ct-attente .ct-erreur { color: var(--ct-sur-accent); font-weight: 600; }
.ct-attente progress { accent-color: var(--marine); }

.ct-avancement { display: flex; flex-direction: column; gap: 14px; }
.ct-avancement-tete { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 10px 24px; font-size: 12px; }
.ct-avancement-etat { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; }
.ct-rang { font-family: var(--display); font-size: 40px; line-height: 1; }
.ct-rang-sur { font-size: 20px; color: var(--ct-doux); }
.ct-etat { font-size: 15px; }
.ct-etat.is-arret { color: var(--ct-ko); }
.ct-vie { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 3px; }
.ct-vie li { display: flex; flex-direction: column; gap: 10px; min-width: 0; color: var(--ct-doux); }
.ct-seg { height: 12px; background: var(--ct-sourd); }
.ct-vie li.is-faite { color: var(--ct-texte); }
.ct-vie li.is-faite .ct-seg { background: var(--ct-texte); }
.ct-vie li.is-courante .ct-seg { background: var(--ct-accent); }

.ct-vie li.is-pause .ct-seg { box-sizing: border-box; background: var(--ct-sourd); border: 3px solid var(--ct-accent); }
.ct-vie-texte { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ct-vie-lib { font-size: 12px; overflow-wrap: anywhere; }
.ct-vie-date { font-size: 10px; color: var(--ct-doux); overflow-wrap: anywhere; }
.ct-vie li.is-courante .ct-vie-lib { font-family: var(--display); font-size: 14px; color: var(--ct-accent); }
.ct-vie li.is-courante .ct-vie-date { color: var(--ct-accent-clair); }

.ct-chiffres { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); border-top: 1px solid var(--ct-filet-fort); border-bottom: 1px solid var(--ct-filet); }
.ct-chiffre { padding: 18px; border-left: 1px solid var(--ct-filet); display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ct-chiffre:first-child { padding-left: 0; border-left: 0; }
.ct-chiffre-v { font-family: var(--display); font-size: 40px; line-height: 1; }
.ct-chiffre-v.is-accent { color: var(--ct-accent); }

.ct-colonnes { display: flex; flex-wrap: wrap; gap: 36px 48px; }
.ct-col { flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 28px; }
.ct-bloc-journal { display: flex; flex-direction: column; gap: 16px; }
.ct-journal { display: flex; flex-direction: column; border-bottom: 1px solid var(--ct-filet); }
.ct-journal-ligne { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 0 16px; align-items: baseline; padding: 16px 0; border-top: 1px solid var(--ct-filet); }
.ct-journal-ligne.is-recente { border-top-color: var(--ct-filet-fort); }
.ct-journal-num { font-family: var(--display); font-size: 20px; }
.ct-journal-ligne.is-recente .ct-journal-num { color: var(--ct-accent); }
.ct-journal-corps { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.ct-journal-titre { font-family: var(--display); font-size: 16px; }
.ct-journal-date { font-size: 11px; color: var(--ct-doux); white-space: nowrap; }
.ct-anciennes { display: flex; flex-direction: column; gap: 12px; }
.ct-anciennes > summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; font-size: 12px; color: var(--ct-doux); }
.ct-anciennes h3 { margin: 12px 0 8px; }

.ct-conv { flex: 1 1 420px; min-width: 0; align-self: flex-start; display: flex; flex-direction: column; background: var(--ct-panneau); border: 1px solid var(--ct-filet); }
.ct-conv-tete { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; border-bottom: 1px solid var(--ct-filet); font-size: 11px; }
.ct-conv-fil { padding: 22px 20px; display: flex; flex-direction: column; gap: 18px; max-height: 560px; overflow-y: auto; }
.ct-conv-vide { color: var(--ct-doux); font-size: 12px; }
.ct-conv-jour { align-self: center; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ct-doux); }
.ct-bulle { max-width: 82%; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ct-bulle-tete { font-size: 11px; color: var(--ct-doux); }
.ct-bulle .ct-texte { padding: 12px 14px; }
.ct-bulle.is-liam { align-self: flex-start; }
.ct-bulle.is-liam .ct-bulle-tete b { color: var(--ct-texte); }
.ct-bulle.is-liam .ct-texte { background: var(--marine); border: 1px solid var(--ct-sourd); }
.ct-bulle.is-moi { align-self: flex-end; align-items: flex-end; }
.ct-bulle.is-moi .ct-bulle-tete b { color: var(--ct-accent-clair); }
.ct-bulle.is-moi .ct-texte { background: var(--ct-accent); color: var(--ct-sur-accent); }
.ct-conv-saisie { display: flex; gap: 8px; padding: 16px 20px; border-top: 1px solid var(--ct-filet); }
.ct-conv-saisie textarea { flex: 1 1 auto; min-width: 0; min-height: 48px; background: var(--ct-fond); font-size: 13px; }
.ct-conv-saisie .ct-bouton { min-height: 48px; align-self: flex-end; }

.ct-compte { box-sizing: border-box; padding: 28px 40px 64px; display: flex; flex-direction: column; gap: 24px; max-width: 760px; }
.ct-fiche { margin: 0; display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 12px 24px; padding: 20px 0; border-top: 1px solid var(--ct-filet-fort); border-bottom: 1px solid var(--ct-filet); }
.ct-fiche dt { font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ct-doux); padding-top: 2px; }
.ct-fiche dd { margin: 0; overflow-wrap: anywhere; }
.ct-alerte { padding: 14px 16px; border: 1px solid var(--ct-ko); color: var(--ct-ko); }
.ct-bloc { display: flex; flex-direction: column; gap: 18px; }

@media (max-width: 720px) {
  .ct-tete { padding: 14px 16px; }
  .ct-outils { gap: 4px 16px; }
  .ct-outils > span { flex: 1 1 100%; }
  .ct-message { padding-left: 16px; padding-right: 16px; }
  .ct-centre { padding: 28px 16px 48px; }
  .ct-accueil { padding: 28px 16px 32px; gap: 28px; border-right: 0; border-bottom: 1px solid var(--ct-filet); }
  .ct-porte { padding: 32px 16px 40px; }
  .ct-cases { gap: 6px; }
  .ct-cases input { height: 60px; font-size: 26px; }
  .ct-nouveau, .ct-compte { padding: 20px 16px 48px; }
  .ct-onglets { padding: 0 16px; }
  .ct a.ct-onglet { margin-right: 20px; padding-right: 0; }
  .ct-vide { padding: 40px 16px; }
  .ct-tableau { padding: 24px 16px 48px; gap: 28px; }
  .ct-titre-note { max-width: none; text-align: left; }
  .ct-titre-actions { justify-content: flex-start; }
  .ct-attente { padding: 18px 16px; }
  .ct-attente-envoi { flex: 1 1 100%; }

  .ct-vie { gap: 2px; }
  .ct-vie li:not(.is-courante) .ct-vie-texte { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .ct-vie { padding-bottom: 44px; position: relative; }
  .ct-vie li.is-courante { position: static; }
  .ct-vie li.is-courante .ct-vie-texte { position: absolute; left: 0; right: 0; top: 22px; }
  .ct-chiffre { padding: 14px 12px; }
  .ct-chiffre:nth-child(odd) { padding-left: 0; border-left: 0; }
  .ct-chiffres { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ct-chiffre:nth-child(n+3) { border-top: 1px solid var(--ct-filet); }
  .ct-chiffre-v { font-size: 30px; }
  .ct-journal-ligne { grid-template-columns: 36px minmax(0, 1fr); }
  .ct-journal-date { grid-column: 2; padding-top: 4px; }
  .ct-conv-fil { padding: 18px 14px; }
  .ct-conv-tete, .ct-conv-saisie { padding-left: 14px; padding-right: 14px; }
  .ct-bulle { max-width: 92%; }
  .ct-fiche { grid-template-columns: minmax(0, 1fr); gap: 2px 0; }
  .ct-fiche dd { margin-bottom: 12px; }
  .ct-pied-form .ct-bouton, .ct-form .ct-bouton.is-large { width: 100%; }
}