/* logiciel-de-recouvrement.fr · famille V2-papier, habillage « le courrier qu'on referme ».
   Préfixes cch- (cachet : coque/structure) et rlc- (relance : composants actifs).
   Palette OKLCH -> sRGB déjà calculée, cf. Design-Familles/_habillages/logiciel-de-recouvrement.fr.md §2.
   Invariants V2 stricts : angles droits (--r:0), ZÉRO ombre portée, filets 1px, alternance de
   fond ink/paper/paper-2 jamais deux fois de suite, accent prune RÉSERVÉ (jamais un bouton). */

@font-face{font-family:"Ibarra Real Nova";font-style:normal;font-weight:400 700;font-display:swap;
  src:url("/fonts/ibarra-real-nova-roman-variable.woff2") format("woff2")}
@font-face{font-family:"Ibarra Real Nova";font-style:italic;font-weight:400 700;font-display:swap;
  src:url("/fonts/ibarra-real-nova-italic-variable.woff2") format("woff2")}

:root{
  --cch-ink:#271811;
  --cch-ink-2:#584a43;
  --cch-ink-3:#837873;
  --cch-paper:#faf2ea;
  --cch-paper-2:#f1e6dc;
  --cch-paper-3:#e8d9ce;
  --cch-paper-photo:#dccec5;
  --cch-on-ink:#faf2ea;
  --cch-on-ink-2:#bbaea5;
  --rlc-accent:#6f285c;
  --rlc-accent-deep:#460d38;
  --rlc-accent-soft:#c394b2;
  --rlc-accent-tint:#f6e1ee;
  --cch-rule:#d7d0c9;
  --cch-rule-strong:#7f716b;
  --cch-rule-on-dark:#6c5951;
  --rlc-field-line:#725e55;
  --rlc-danger:#c53637;
  --r:0;
  --hdr-h:66px;
  --maxw:1180px;
  --gut:clamp(18px,4vw,44px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--cch-paper);color:var(--cch-ink);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-weight:400;font-size:17px;line-height:1.62;
  font-variant-numeric:tabular-nums;
}
img{max-width:100%;height:auto}
a{color:var(--cch-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;
  text-decoration-color:var(--cch-rule)}
a:hover{text-decoration-color:var(--rlc-accent)}
:focus-visible{outline:3px solid var(--rlc-accent);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}

.cch-skip{position:absolute;left:-9999px;top:0;background:var(--cch-ink);color:var(--cch-paper);
  padding:12px 18px;z-index:99}
.cch-skip:focus{left:0}

.cch-wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}
.cch-narrow{max-width:74ch}

/* ── Typographie : contraste romain/italique dans chaque titre (invariant) ── */
h1,h2,h3,h4{margin:0 0 .55em;line-height:1.12;letter-spacing:-.005em;font-weight:400;
  font-family:"Ibarra Real Nova",Georgia,serif}
h1{font-size:clamp(2rem,4.4vw,3.2rem);max-width:22ch}
h2{font-size:clamp(1.5rem,2.8vw,2.15rem);max-width:26ch}
h3{font-size:1.1rem;font-weight:600;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.01em}
i.rlc-choc{font-style:italic;font-weight:700}
p{margin:0 0 1.1em}
.cch-lede{font-size:clamp(1.03rem,1.4vw,1.17rem);color:var(--cch-ink-2);max-width:66ch}
.cch-bg-ink .cch-lede,.cch-bg-ink p{color:var(--cch-on-ink-2)}
.cch-bg-ink h2,.cch-bg-ink h3{color:var(--cch-on-ink)}
.cch-kicker{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:600;font-size:12.5px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--rlc-accent);margin:0 0 10px;
  display:inline-block;position:relative;padding-bottom:8px}
.cch-kicker::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:34px;background:var(--rlc-accent);
  transition:width .5s ease}
.cch-bg-ink .cch-kicker{color:var(--rlc-accent-soft)}

/* ── En-tête ─────────────────────────────────────────────────────────── */
.cch-bandeau{background:var(--cch-ink);color:var(--cch-paper);font-size:13.5px;letter-spacing:.02em;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.cch-bandeau .cch-wrap{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;
  justify-content:space-between;min-height:36px;padding-top:6px;padding-bottom:6px}
.cch-bandeau a{color:var(--cch-paper);text-decoration-color:rgba(250,242,234,.45)}
.cch-bandeau b{font-weight:700}

.cch-hdr{position:sticky;top:0;z-index:40;background:var(--cch-paper);border-bottom:1px solid var(--cch-rule)}
.cch-hdr .cch-wrap{display:flex;align-items:center;gap:14px;min-height:var(--hdr-h);flex-wrap:nowrap}
.cch-mark{display:flex;flex-direction:column;line-height:1.1;text-decoration:none;flex:0 0 auto}
.cch-mark b{font-weight:700;font-size:16px;letter-spacing:-.01em;font-family:"Ibarra Real Nova",Georgia,serif}
.cch-mark span{font-weight:400;font-size:12px;color:var(--cch-ink-2);letter-spacing:.03em;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.cch-nav{margin-left:auto;display:flex;align-items:center;gap:4px;flex-wrap:nowrap;white-space:nowrap;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.cch-nav>ul{display:flex;list-style:none;margin:0;padding:0;gap:2px}
.cch-nav li{position:relative}
.cch-nav>ul>li>a,.cch-nav .cch-drop>button{
  display:flex;align-items:center;height:42px;font:inherit;font-size:14.5px;font-weight:700;
  color:var(--cch-ink);background:none;border:0;padding:0 10px;cursor:pointer;text-decoration:none;
  line-height:1.2}
.cch-nav>ul>li>a:hover,.cch-nav .cch-drop>button:hover{background:var(--cch-paper-2)}
.cch-nav .cch-drop>button::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;
  border-right:1.6px solid var(--cch-ink-2);border-bottom:1.6px solid var(--cch-ink-2);transform:rotate(45deg) translateY(-2px)}
.cch-nav .cch-panel{position:absolute;top:100%;left:0;min-width:290px;background:var(--cch-paper);
  border:1px solid var(--cch-rule);border-top:2px solid var(--rlc-accent);padding:8px;display:none}
.cch-nav .cch-drop[data-open="1"] .cch-panel{display:block}
.cch-nav .cch-panel ul{list-style:none;margin:0;padding:0}
.cch-nav .cch-panel a{display:block;padding:9px 10px;text-decoration:none;font-size:14.5px;line-height:1.3}
.cch-nav .cch-panel a small{display:block;color:var(--cch-ink-2);font-size:12.5px;font-weight:400;margin-top:2px}
.cch-nav .cch-panel a:hover{background:var(--cch-paper-2)}
.cch-burger{display:none;font:inherit;background:none;border:1px solid var(--cch-rule);
  padding:9px 12px;margin-left:auto;cursor:pointer;font-weight:700;font-size:14px;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}

/* ── Boutons — CTA en encre pleine, l'accent n'est JAMAIS un bouton ────── */
.rlc-btn{display:inline-block;border:0;cursor:pointer;font:inherit;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  font-weight:700;font-size:15px;letter-spacing:.005em;padding:13px 22px;text-decoration:none;
  background:var(--cch-ink);color:var(--cch-on-ink);text-align:center}
.rlc-btn:hover{background:#150d09;color:var(--cch-on-ink)}
.rlc-btn-ghost{background:transparent;color:var(--cch-ink);border:1.5px solid var(--cch-ink)}
.cch-hero-b .rlc-btn-ghost,.cch-hero-editorial .rlc-btn-ghost{color:var(--cch-on-ink);border-color:var(--cch-on-ink)}
.rlc-btn-ghost:hover{background:var(--cch-paper-2);color:var(--cch-ink)}
.rlc-btn-sm{padding:10px 16px;font-size:14px}

/* ── Trait de coupe ──────────────────────────────────────────────────── */
.cch-coupe{height:1px;border:0;margin:0;background:
  repeating-linear-gradient(to right,var(--cch-rule) 0 18px,transparent 18px 26px);
  position:relative}
.cch-coupe::after{content:"";position:absolute;top:-4px;left:var(--x,22%);width:2px;height:9px;
  background:var(--rlc-accent)}

/* ── Sections, alternance stricte des fonds ─────────────────────────────── */
section{padding:clamp(44px,6vw,78px) 0}
.cch-bg-surface{background:var(--cch-paper-2)}
.cch-bg-ink{background:var(--cch-ink);color:var(--cch-on-ink)}
.cch-bg-ink a{color:var(--cch-on-ink);text-decoration-color:rgba(250,242,234,.45)}

/* ── Hero mode B — texte sur photo, ZÉRO formulaire, photo bord à bord ── */
.cch-hero,.cch-hero-b,.cch-hero-editorial{position:relative;border-bottom:1px solid var(--cch-rule);overflow:hidden;
  padding:0}
.cch-hero-photo{position:relative;height:clamp(420px,58vh,620px);background-color:var(--cch-paper-photo);
  background-image:linear-gradient(160deg,#3a281f 0%,#271811 62%,#1c120c 100%);
  background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}
.cch-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.cch-hero-b .cch-hero-photo::before,.cch-hero-editorial::before{content:none}
.cch-hero-scrim{position:absolute;inset:0;display:flex;align-items:flex-end;
  background:linear-gradient(0deg,rgba(39,24,17,.92) 0%,rgba(39,24,17,.62) 46%,rgba(39,24,17,.18) 100%)}
.cch-hero-scrim .cch-wrap{padding-bottom:clamp(34px,5vw,56px);padding-top:96px}
.cch-hero-scrim h1,.cch-hero-scrim .cch-lede{color:var(--cch-on-ink)}
.cch-hero-scrim .cch-lede{color:var(--cch-on-ink-2)}
.cch-maj{display:inline-flex;align-items:center;gap:9px;background:rgba(250,242,234,.12);color:var(--cch-on-ink);
  border-left:3px solid var(--rlc-accent-soft);padding:6px 12px;font-size:12.5px;font-weight:700;
  letter-spacing:.03em;margin-bottom:16px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.cch-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 12px}
.cch-hero-reassure{font-size:13px;color:var(--cch-on-ink-2);margin:0;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.cch-hero-b-reduit .cch-hero-photo{height:clamp(300px,40vh,420px)}
.cch-hero-editorial{border-bottom:1px solid var(--cch-rule)}
.cch-hero-editorial .cch-wrap{padding:clamp(40px,6vw,72px) var(--gut) clamp(30px,4vw,46px)}

/* ── Volet latéral (mode de capture B) — zéro défilement pour l'atteindre ── */
.rlc-volet-overlay{position:fixed;inset:0;background:rgba(39,24,17,.55);z-index:60;opacity:0;
  transition:opacity .25s ease}
.rlc-volet{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);background:var(--cch-paper);
  z-index:61;transform:translateX(100%);transition:transform .3s ease;overflow-y:auto;
  border-left:1px solid var(--cch-rule)}
[data-volet-open] .rlc-volet-overlay{opacity:1}
[data-volet-open] .rlc-volet{transform:translateX(0)}
.rlc-volet-close{position:sticky;top:0;display:block;margin-left:auto;background:var(--cch-ink);
  color:var(--cch-on-ink);border:0;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.rlc-volet-body{padding:clamp(18px,3vw,28px)}
.rlc-volet-body h2{font-size:1.3rem;margin-bottom:.3em}

/* ── Formulaire ──────────────────────────────────────────────────────── */
.cch-note{font-size:13px;color:var(--cch-ink-2);margin:0 0 16px;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.cch-f-row{display:grid;gap:12px;margin-bottom:12px}
.cch-f-2{grid-template-columns:1fr 1fr}
label{display:block;font-size:13px;font-weight:700;margin-bottom:5px;color:var(--cch-ink);
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
input[type=text],input[type=email],input[type=tel],input[type=number],select,textarea{
  width:100%;font:inherit;font-size:15px;padding:11px 12px;border:1px solid var(--rlc-field-line);
  background:#fff;color:var(--cch-ink);border-radius:0}
textarea{min-height:96px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--rlc-accent);outline:2px solid var(--rlc-accent-tint)}
.cch-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--cch-ink-2);margin:14px 0}
.cch-consent input{margin-top:3px;flex:0 0 auto;width:16px;height:16px;accent-color:var(--rlc-accent-deep)}
.cch-consent label{font-size:13px;font-weight:400;color:var(--cch-ink-2);margin:0}
.cch-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.rlc-volet-body button.rlc-btn{width:100%}
.cch-rassure{margin:12px 0 0;font-size:12.8px;color:var(--cch-ink-2);line-height:1.5}
.cch-rassure b{color:var(--cch-ink)}
.cch-req{color:var(--rlc-accent-deep)}

/* ── Bandeau de capture compact — surface de saisie réelle, dans le flux,
   juste après le hero (G32/G57/G66/G71 : un vrai <form> tôt dans <main>,
   distinct du volet qui reste la voie longue/complète). ─────────────────── */
.rlc-bandeau-form{border:2px solid var(--cch-rule-strong);background:var(--cch-paper);padding:clamp(16px,2.2vw,24px)}
.rlc-bandeau-form form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
.rlc-bandeau-form .cch-f-row{flex:1 1 220px;margin:0}
.rlc-bandeau-form p.cch-note{width:100%;margin:0 0 10px}
.rlc-bandeau-form .cch-hp{position:absolute;left:-9999px}
.rlc-bandeau-form .cch-consent{width:100%;margin:10px 0 0}
.rlc-bandeau-form button.rlc-btn{flex:0 0 auto;white-space:nowrap}
@media(max-width:640px){.rlc-bandeau-form form{flex-direction:column;align-items:stretch}
  .rlc-bandeau-form button.rlc-btn{width:100%}}

/* ── Barre de preuve ─────────────────────────────────────────────────── */
.cch-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,34px)}
.cch-trust>div{border-top:2px solid var(--cch-ink);padding-top:14px}
.cch-bg-ink .cch-trust>div{border-top-color:var(--cch-on-ink)}
.cch-trust h3{font-size:15px;margin-bottom:.3em}
.cch-trust p{font-size:14px;color:var(--cch-ink-2);margin:0}

/* ── Simulateur de trésorerie récupérable (module signature) ──────────── */
.rlc-sim{max-width:none}
.rlc-sim-intro{max-width:66ch;margin-bottom:26px}
.rlc-sim-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(20px,3vw,40px);
  align-items:start}
.rlc-sim-fields{border:2px solid var(--cch-rule-on-dark);background:rgba(250,242,234,.05);padding:clamp(16px,2vw,22px)}
.cch-bg-ink .rlc-sim-fields{background:rgba(250,242,234,.06)}
.rlc-sim-fields>div+div{margin-top:12px}
.rlc-sim-fields label{color:var(--cch-on-ink)}
.rlc-sim-fields select,.rlc-sim-fields input{background:var(--cch-paper);color:var(--cch-ink)}
.rlc-sim-result{border:2px double var(--cch-rule-strong);background:var(--cch-paper-3);color:var(--cch-ink);
  padding:clamp(18px,2.4vw,26px);position:relative}
.rlc-sim-result h3{color:var(--cch-ink);margin-bottom:.35em}
.rlc-sim-result .rlc-sim-figure{font-family:"Ibarra Real Nova",Georgia,serif;font-weight:700;font-style:italic;
  color:var(--rlc-accent);font-size:clamp(1.5rem,2.6vw,2rem);margin:0 0 .3em}
.rlc-sim-result p,.rlc-sim .rlc-sim-result p.cch-lede{color:var(--cch-ink-2);font-size:14.5px;margin:0 0 .8em}
.rlc-sim-frise{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:clamp(20px,3vw,32px)}
.rlc-frise-step{border-top:2px solid var(--rlc-accent);padding-top:12px}
.rlc-frise-step h3{font-size:14.5px;margin-bottom:.3em}
.rlc-frise-step p{font-size:13px;color:var(--cch-ink-2);margin:0}
.cch-bg-ink .rlc-frise-step p{color:var(--cch-on-ink-2)}
.rlc-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;
  background:var(--rlc-accent-deep);color:var(--cch-paper);font-weight:700;font-size:13px;margin-bottom:8px;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
/* rupture de symétrie n°2 : le dernier badge de la frise déborde du cadre vers la marge */
.rlc-frise-last{position:relative;margin-right:calc(-1 * var(--gut) / 2)}
@media(min-width:701px){.rlc-frise-last{padding-right:clamp(14px,2vw,26px)}}
.rlc-sim>.rlc-btn{margin-top:clamp(20px,3vw,30px)}
/* rupture de symétrie n°1 : le filet du kicker s'allonge pendant le calcul du simulateur, cf. app.js */
.rlc-sim[data-solved] .cch-kicker::after{width:96px}

/* ── Encadré « ce que dit la loi » ───────────────────────────────────── */
.cch-loi{border:1.5px solid var(--cch-rule);border-left:4px solid var(--rlc-accent);background:var(--cch-paper);
  padding:clamp(16px,2vw,22px);margin:0 0 26px}
.cch-bg-ink .cch-loi{background:rgba(250,242,234,.06);border-color:rgba(250,242,234,.22);border-left-color:var(--rlc-accent-soft)}
.cch-bg-surface .cch-loi{background:var(--cch-paper)}
.cch-loi h3{font-size:13px;letter-spacing:.05em;font-weight:700;margin-bottom:.5em;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;text-transform:uppercase}
.cch-loi p{margin:0;font-size:15px}
.cch-bg-ink .cch-loi p{color:var(--cch-on-ink-2)}

/* ── Listes à pastille ───────────────────────────────────────────────── */
ul.cch-rep{list-style:none;padding:0;margin:0 0 1.2em}
ul.cch-rep li{position:relative;padding-left:24px;margin-bottom:9px}
ul.cch-rep li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;background:var(--rlc-accent)}

/* ── Cartes ──────────────────────────────────────────────────────────── */
.cch-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:14px;margin-top:26px}
.cch-cards a{display:block;border:1px solid var(--cch-rule);background:var(--cch-paper);padding:17px 18px;
  text-decoration:none;border-left:3px solid var(--cch-rule)}
.cch-cards a:hover{border-left-color:var(--rlc-accent);background:#fff}
.cch-cards strong{display:block;color:var(--cch-ink);font-weight:700;font-size:15.5px;margin-bottom:5px;
  font-family:"Ibarra Real Nova",Georgia,serif}
.cch-cards span{display:block;color:var(--cch-ink-2);font-size:13.5px;line-height:1.45}

/* ── Étapes ──────────────────────────────────────────────────────────── */
.cch-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:clamp(16px,2.2vw,28px);margin-top:22px}
.cch-steps>div{border-top:2px solid var(--rlc-accent);padding-top:14px}
.cch-bg-ink .cch-steps>div{border-top-color:var(--rlc-accent-soft)}
.cch-steps h3{font-size:15.5px;margin-bottom:.35em}
.cch-steps p{font-size:14px;color:var(--cch-ink-2);margin:0}
.cch-bg-ink .cch-steps p{color:var(--cch-on-ink-2)}

/* ── Tableau ─────────────────────────────────────────────────────────── */
.cch-tw{overflow-x:auto;margin:20px 0 0}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:14.6px}
caption{text-align:left;font-size:13px;color:var(--cch-ink-2);padding-bottom:9px}
th,td{text-align:left;padding:11px 13px;border-bottom:1px solid var(--cch-rule);vertical-align:top}
th{font-weight:700;font-size:13px;letter-spacing:.03em;border-bottom:2px solid var(--cch-ink)}

/* ── Avis (palier 4, national B2B) ──────────────────────────────────── */
.rlc-avis .cch-lede-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 20px;
  margin-bottom:22px}
.cch-avis-moy{font-weight:700;font-size:15px;color:var(--rlc-accent-deep);margin:0;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.cch-bg-ink .cch-avis-moy{color:var(--rlc-accent-soft)}
.rlc-avis-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:16px}
.rlc-avis-card{border:1px solid var(--cch-rule);background:var(--cch-paper);padding:18px}
.rlc-stars{color:var(--rlc-accent);letter-spacing:.06em;font-size:14px;display:block;margin-bottom:8px}
.rlc-avis-card p{font-size:14.5px;color:var(--cch-ink);margin:0 0 12px}
.cch-avis-auteur{font-size:12.8px;color:var(--cch-ink-2)!important;font-weight:700;margin:0!important;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}

/* ── FAQ ─────────────────────────────────────────────────────────────── */
.cch-faq{max-width:82ch}
.cch-faq details{border-bottom:1px solid var(--cch-rule)}
.cch-faq summary{cursor:pointer;list-style:none;padding:16px 34px 16px 0;font-weight:700;font-size:16px;position:relative;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.cch-faq summary::-webkit-details-marker{display:none}
.cch-faq summary::after{content:"";position:absolute;right:6px;top:24px;width:9px;height:9px;
  border-right:2px solid var(--rlc-accent);border-bottom:2px solid var(--rlc-accent);transform:rotate(45deg)}
.cch-faq details[open] summary::after{transform:rotate(-135deg);top:27px}
.cch-faq .cch-a{padding:0 0 18px;color:var(--cch-ink-2);max-width:74ch}

/* ── Fil d'Ariane, fraîcheur ─────────────────────────────────────────── */
.cch-crumb{font-size:13px;color:var(--cch-ink-2);padding:14px 0 0;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.cch-crumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.cch-crumb li+li::before{content:"›";margin-right:8px;color:var(--cch-rule)}
.cch-maj-date{font-size:12.5px;color:var(--cch-ink-2);margin:26px 0 0;padding-top:14px;border-top:1px solid var(--cch-rule);
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}

/* ── Index blog ──────────────────────────────────────────────────────── */
.cch-blog-index{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:14px;margin-top:26px}
.cch-blog-index a{display:block;border:1px solid var(--cch-rule);border-left:3px solid var(--rlc-accent);
  padding:16px 18px;text-decoration:none;background:var(--cch-paper)}
.cch-blog-index a:hover{background:#fff}
.cch-blog-index strong{display:block;font-size:15.5px;font-weight:700;margin-bottom:4px;
  font-family:"Ibarra Real Nova",Georgia,serif}
.cch-blog-index span{color:var(--cch-ink-2);font-size:13.5px;line-height:1.45}

/* ── Pied de page ────────────────────────────────────────────────────── */
.cch-ft{background:var(--cch-ink);color:var(--cch-on-ink-2);padding:clamp(38px,5vw,58px) 0 26px;font-size:14px;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.cch-ft a{color:var(--cch-on-ink-2);text-decoration-color:rgba(250,242,234,.35)}
.cch-ft-cols{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:clamp(20px,3vw,40px)}
.cch-ft h3{color:var(--cch-paper);font-size:12.5px;letter-spacing:.06em;font-weight:700;margin-bottom:.9em}
.cch-ft ul{list-style:none;margin:0;padding:0}
.cch-ft li{margin-bottom:7px;font-size:13.6px}
.cch-foot-sources{border-top:1px solid rgba(250,242,234,.2);margin-top:30px;padding-top:16px;
  font-size:12.2px;color:#a8988e;line-height:1.65}
.cch-ft-end{margin-top:14px;font-size:12.2px;color:#948578}

/* ── Reprise de conversion ───────────────────────────────────────────── */
.bal-reprise{border-left:3px solid var(--rlc-accent);background:var(--cch-paper-2);
  padding:14px clamp(14px,2.4vw,22px) 16px;margin:26px 0;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 22px}
.bal-reprise .cch-rp-q{margin:0;max-width:62ch;font-size:clamp(.98rem,1.2vw,1.06rem);line-height:1.5;color:var(--cch-ink)}
.bal-reprise .cch-rp-a{font-weight:700;font-size:.95rem;color:var(--cch-ink);text-decoration:none;
  white-space:nowrap;display:inline-flex;align-items:center;min-height:44px;background:none;border:0;
  cursor:pointer;font:inherit;box-shadow:inset 0 -3px 0 var(--rlc-accent);
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.bal-reprise .cch-rp-a:hover{box-shadow:inset 0 -3px 0 var(--cch-ink)}

/* ── Mobile / tablette ───────────────────────────────────────────────── */
@media(max-width:900px){
  .rlc-sim-body{grid-template-columns:1fr}
  .rlc-sim-frise{grid-template-columns:repeat(2,1fr)}
  .cch-bandeau span:first-child{display:none}
  .cch-bandeau .cch-wrap{justify-content:flex-start}
  .cch-f-row{margin-bottom:9px}
  .cch-trust{grid-template-columns:1fr}
  .cch-ft-cols{grid-template-columns:1fr 1fr}
  .rlc-volet{width:100vw}
}
@media(max-width:900px){
  .cch-burger{display:block}
  .cch-nav{position:absolute;top:100%;left:0;right:0;background:var(--cch-paper);border-bottom:1px solid var(--cch-rule);
    flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gut) 18px;display:none;
    max-height:76vh;overflow-y:auto}
  .cch-hdr[data-nav="1"] .cch-nav{display:flex}
  .cch-nav>ul{flex-direction:column;gap:0}
  .cch-nav .cch-panel{position:static;display:block;border:0;border-left:2px solid var(--cch-rule);
    padding:0 0 8px 12px;min-width:0}
  .cch-nav .cch-drop>button{width:100%;text-align:left}
  .cch-nav .cch-drop>button::after{float:right;margin-top:7px}
  .cch-nav>.rlc-btn-sm{margin-top:10px;display:block;width:100%}
  h1{max-width:none}
  h2{max-width:none}
}
@media(max-width:560px){
  .cch-f-2{grid-template-columns:1fr}
  .cch-ft-cols{grid-template-columns:1fr}
  .cch-cards,.cch-blog-index,.rlc-avis-grid{grid-template-columns:1fr}
  .rlc-sim-frise{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}