/* Pages comparatives (scripts/build-comparatifs.py) : lecture longue, tableau, FAQ. */
.cmp-hero{padding:130px 0 34px;background:linear-gradient(180deg,#F6F1FE,#fff)}
.cmp-hero .conteneur,.cmp-wrap .conteneur{max-width:900px}
.cmp-fil{font-size:.85rem;color:var(--texte-2);margin-bottom:18px}
.cmp-fil a{color:var(--violet);text-decoration:none}
.cmp-fil a:hover{text-decoration:underline}
.cmp-sur{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  background:var(--grad-mot);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:14px}
.cmp-hero h1{font-size:clamp(1.85rem,3.4vw,2.7rem);line-height:1.16;margin-bottom:16px}
.cmp-chapo{font-size:1.08rem;line-height:1.7;color:var(--texte-2);font-weight:300;margin-bottom:14px}
.cmp-signature{font-size:.88rem;color:var(--texte-2)}
.cmp-wrap{padding:24px 0 90px}
.cmp-bref{background:linear-gradient(135deg,rgba(6,203,200,.08),rgba(126,64,251,.08));border:1px solid rgba(126,64,251,.16);
  border-radius:20px;padding:24px 28px;margin-bottom:30px}
.cmp-bref h2{font-size:1.1rem;margin-bottom:12px}
.cmp-bref ul{margin:0;padding-left:20px}
.cmp-bref li{margin-bottom:9px;line-height:1.6;color:var(--texte)}
.cmp-som{background:#FBFAFE;border:1px solid rgba(24,18,48,.08);border-radius:18px;padding:20px 26px;margin-bottom:44px}
.cmp-som h2{font-size:1rem;margin-bottom:10px}
.cmp-som ol{margin:0;padding-left:20px;columns:2;column-gap:34px}
@media(max-width:680px){.cmp-som ol{columns:1}}
.cmp-som li{margin-bottom:6px;font-size:.92rem}
.cmp-som a{color:var(--violet);text-decoration:none}
.cmp-som a:hover{text-decoration:underline}
.cmp-sec{margin-bottom:46px;scroll-margin-top:90px}
.cmp-sec h2{font-size:1.4rem;line-height:1.3;margin-bottom:14px;color:var(--texte)}
.cmp-sec h3{font-size:1.06rem;margin:22px 0 8px;color:var(--texte)}
.cmp-sec p,.cmp-sec li{color:var(--texte-2);line-height:1.72;font-weight:300}
.cmp-sec p{margin-bottom:14px}
.cmp-sec ul,.cmp-sec ol{margin:0 0 14px;padding-left:22px}
.cmp-sec li{margin-bottom:8px}
.cmp-sec strong{font-weight:600;color:var(--texte)}
.cmp-sec a{color:var(--violet);word-break:break-word}
.cmp-table-wrap{overflow-x:auto;border:1px solid #ECE7F6;border-radius:18px;box-shadow:0 6px 16px rgba(24,18,48,.04);margin-bottom:12px}
.cmp-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:620px}
.cmp-table caption{text-align:left;padding:14px 18px 4px;font-size:.85rem;color:var(--texte-2)}
.cmp-table th,.cmp-table td{padding:12px 16px;text-align:left;vertical-align:top;border-top:1px solid #F0ECF8;line-height:1.5}
.cmp-table thead th{background:#FBFAFE;font-weight:700;color:var(--texte);border-top:none}
.cmp-table tbody th{font-weight:600;color:var(--texte);width:24%}
.cmp-table td{color:var(--texte-2);font-weight:300}
.cmp-table .cmp-nous{background:rgba(126,64,251,.05)}
.cmp-table thead .cmp-nous{color:var(--violet)}
.cmp-note{font-size:.84rem}
.cmp-cartes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:16px}
@media(max-width:720px){.cmp-cartes{grid-template-columns:1fr}}
.cmp-carte{border:1px solid #ECE7F6;border-radius:18px;padding:20px 22px;background:#fff}
.cmp-carte h3{margin-top:0}
.cmp-carte-nous{border-color:rgba(126,64,251,.35);background:linear-gradient(180deg,rgba(126,64,251,.05),#fff)}
.cmp-verdict{background:#FBFAFE;border-left:4px solid var(--violet);border-radius:0 14px 14px 0;padding:14px 18px}
.cmp-faq{max-width:none;margin:0}
.cmp-sources ol li{font-size:.9rem}
.cmp-cta{margin-top:20px;padding:34px 30px;border-radius:24px;background:linear-gradient(135deg,#1C0E45,#3A1A86);color:#fff;text-align:center}
.cmp-cta h2{color:#fff;font-size:1.45rem;margin-bottom:10px}
.cmp-cta p{color:rgba(255,255,255,.82);font-weight:300;line-height:1.65;max-width:620px;margin:0 auto 20px}
.cmp-cta-btns{display:flex;gap:18px;justify-content:center;align-items:center;flex-wrap:wrap}
.cmp-cta .cmp-lien{color:#fff;text-decoration:underline;font-weight:500}
@media(max-width:600px){.cmp-hero{padding:110px 0 26px}.cmp-bref,.cmp-som{padding:18px 18px}.cmp-cta{padding:28px 18px}}
.cmp-ref{font-size:.7em;line-height:0;margin-left:1px}
.cmp-ref a{text-decoration:none;font-weight:600}
.cmp-ref + .cmp-ref::before{content:",";margin-right:1px}