/* Sections larges : le tableau et les fiches prennent toute la largeur de la page. */
.module-presentation .seo-workflow.cmp-large{max-width:none}
/* comparatif/comparatif.css — calculateur, tableau et fiches des pages /comparatif/ (s'ajoute à pages-riches.css). */
.cmp-calc{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:26px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;margin:28px 0;box-shadow:0 14px 34px #1f335510}
.cmp-calc h2{grid-column:1/-1;margin:0;font-size:26px}
.cmp-calc .cmp-sous{grid-column:1/-1;margin:-14px 0 0;color:var(--muted);font-size:15px;line-height:1.55}
.cmp-form{display:flex;flex-direction:column;gap:18px}
.cmp-form fieldset{border:0;margin:0;padding:0}
.cmp-form legend,.cmp-form .cmp-lab{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--ink);margin-bottom:8px;display:block}
.cmp-seg{display:flex;gap:6px;flex-wrap:wrap}
.cmp-seg label{flex:1 1 auto;position:relative;cursor:pointer}
.cmp-seg input{position:absolute;opacity:0;inset:0;cursor:pointer}
.cmp-seg span{display:block;text-align:center;padding:9px 10px;border:1px solid var(--line);border-radius:10px;font-size:14px;background:var(--surface);color:var(--ink)}
.cmp-seg input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}
.cmp-seg input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.cmp-users{display:flex;align-items:center;gap:12px}
.cmp-users input[type=range]{flex:1;accent-color:var(--blue)}
.cmp-users output{min-width:3.2em;font-weight:700;font-size:18px;color:var(--ink)}
.cmp-coche{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;cursor:pointer;margin:0 0 8px}
.cmp-coche input{margin-top:3px;accent-color:var(--blue)}
.cmp-sortie{min-width:0}
.cmp-resume{font-size:13px;color:var(--muted);margin:0 0 10px}
.cmp-res{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.cmp-ligne{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff}
.cmp-ligne.me{border-color:var(--blue);background:#f3f7ff}
.cmp-ligne.cmp-manque{background:#fcfcfd}
.cmp-tete{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.cmp-tete strong{font-size:16px;color:var(--ink)}
.cmp-formule{font-size:13px;color:var(--muted);flex:1 1 auto}
.cmp-total{font-weight:700;font-size:17px;color:var(--ink);white-space:nowrap}
.cmp-total small{font-weight:500;font-size:12px;color:var(--muted)}
.cmp-barre{height:6px;border-radius:6px;background:var(--surface);margin:8px 0 6px;overflow:hidden}
.cmp-barre span{display:block;height:100%;border-radius:6px;background:#9fb4d8}
.cmp-ligne.me .cmp-barre span{background:var(--blue)}
.cmp-alerte{margin:0 0 4px;font-size:13px;color:#9a4b05;line-height:1.45}
.cmp-notes{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5}
.cmp-notes a{color:var(--blue)}
.cmp-sansjs{grid-column:1/-1;font-size:14px;color:var(--muted)}
.cmp-actif .cmp-sansjs{display:none}
/* Bandeau de confiance */
.cmp-confiance{display:flex;flex-wrap:wrap;gap:8px 18px;margin:18px 0 0;padding:0;list-style:none;font-size:14px;color:var(--muted)}
.cmp-confiance li::before{content:"✓ ";color:#15803d;font-weight:700}
/* Grand tableau : colonne des critères figée, Mavelyx en tête */
.cmp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:16px;margin:18px 0}
.cmp-table{border-collapse:separate;border-spacing:0;min-width:1400px;font-size:14px;background:#fff}
.cmp-table th,.cmp-table td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.45;min-width:130px}
.cmp-table thead th{background:var(--surface);font-size:13.5px;position:sticky;top:0}
.cmp-table thead th.me{background:var(--blue);color:#fff}
.cmp-table td.me{background:#f3f7ff;font-weight:600}
.cmp-table th[scope=row]{position:sticky;left:0;background:#fff;z-index:1;min-width:170px;box-shadow:1px 0 0 var(--line)}
.cmp-table thead th:first-child{position:sticky;left:0;z-index:2}
.cmp-table tbody tr:last-child>*{border-bottom:0}
.module-presentation .seo-workflow .cmp-table td a{color:inherit;font-weight:400;text-decoration:underline;text-decoration-color:#c8d3e6;text-underline-offset:3px}.module-presentation .seo-workflow .cmp-table td.me a{font-weight:600}.module-presentation .seo-workflow .cmp-table td a:hover{text-decoration-color:currentColor}
.cmp-niv{font-weight:700;margin-right:4px}
.cmp-niv-oui{color:#15803d}.cmp-niv-partiel{color:#b45309}.cmp-niv-non,.cmp-niv-nt{color:#9aa3af}
.cmp-legende{font-size:13px;color:var(--muted);margin:6px 0 0}
/* Fiches */
.cmp-fiches{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cmp-fiche{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px}
.cmp-fiche.me{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue) inset}
.cmp-fiche h3{margin:0;font-size:19px}
.cmp-fiche .cmp-prix{font-size:14px;font-weight:600;color:var(--ink);margin:0}
.cmp-fiche dl{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.cmp-fiche dt{font-weight:700;color:var(--ink);margin-top:6px}
.cmp-fiche dd{margin:0}
.cmp-fiche .cmp-liens{margin-top:auto;padding-top:6px;font-size:14px}
.cmp-fiche .cmp-liens a{color:var(--blue);margin-right:12px}
@media (max-width:980px){.cmp-calc{grid-template-columns:1fr;padding:20px}.cmp-fiches{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.cmp-fiches{grid-template-columns:1fr}.cmp-calc h2{font-size:22px}.cmp-total{font-size:16px}}