/* Menu Comparateurs : matrice de décision (préfixe cp-). */
.cp-matrix{padding-bottom:24px}
.cp-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.cp-noscript{background:#fff4d6;border-left:5px solid var(--ocre);padding:12px 14px;margin:0 0 14px}
.cp-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 10px}
.cp-toolbar .btn[disabled]{opacity:.45;cursor:not-allowed}
.cp-hint{margin:0 0 12px;font-size:.9rem;color:var(--sol)}
.cp-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--trait);background:var(--lin);-webkit-overflow-scrolling:touch}
.cp-scroll:focus-visible{outline:3px solid var(--ocre);outline-offset:2px}
.cp-table{border-collapse:collapse;width:100%;min-width:calc(300px + var(--cols,2) * 120px);font-size:.95rem}
.cp-plain{min-width:520px}
.cp-table th,.cp-table td{padding:8px 10px;border-bottom:1px solid var(--trait);text-align:left;vertical-align:middle}
.cp-table thead th{background:var(--feuille);color:#fff;font-weight:700;vertical-align:bottom}
.cp-table tfoot th,.cp-table tfoot td{border-bottom:0;border-top:3px double var(--feuille);font-weight:700;background:#fff}
.cp-table td:not(.cp-act){text-align:center}
.cp-crit{position:sticky;left:0;z-index:1;background:var(--lin);min-width:150px;font-weight:600}
.cp-table thead .cp-crit{background:var(--feuille)}
.cp-table tfoot .cp-crit{background:#fff}
.cp-name,.cp-num{font:inherit;width:100%;padding:8px 10px;border:2px solid var(--sol);border-radius:3px;background:#fff;color:var(--terre)}
.cp-num{width:5.2em;text-align:center}
.cp-name:focus,.cp-num:focus{border-color:var(--mousse);outline:3px solid var(--ocre);outline-offset:1px}
.cp-opthead{display:flex;gap:6px;align-items:center;min-width:110px}
.cp-x{flex:none;width:36px;height:36px;font:inherit;font-size:1.2rem;line-height:1;cursor:pointer;background:#fff;color:var(--brique);border:2px solid var(--brique);border-radius:3px}
.cp-x:hover:not([disabled]){background:var(--brique);color:#fff}
.cp-x[disabled]{opacity:.35;cursor:not-allowed}
.cp-x:focus-visible{outline:3px solid var(--ocre);outline-offset:2px}
.cp-score{font-family:var(--serif);font-size:1.15rem}
.cp-top{background:#e8f0d4!important;box-shadow:inset 0 -4px 0 var(--mousse)}
.cp-result{margin-top:20px;padding:20px;background:var(--lin);border:1px solid var(--trait);border-top:6px solid var(--brique)}
.cp-h{font-size:1.25rem;margin-bottom:12px}
.cp-summary{margin:0 0 14px;font-size:1.05rem}
.cp-rank{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.cp-rank li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2px 12px;align-items:baseline;padding:10px 12px;background:#fff;border:1px solid var(--trait);border-left:6px solid var(--trait)}
.cp-rank li.cp-lead{border-left-color:var(--mousse);background:#f3f8e8}
.cp-pos{font-weight:700;color:var(--sol);white-space:nowrap}
.cp-who{font-weight:700;overflow-wrap:anywhere}
.cp-pts{font-family:var(--serif);font-weight:700;white-space:nowrap}
.cp-tag{display:inline-block;margin-left:6px;padding:1px 8px;background:var(--feuille);color:#fff;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;border-radius:2px;white-space:nowrap}
.cp-bar{grid-column:1 / -1;height:8px;background:var(--trait);border-radius:4px;overflow:hidden}
.cp-bar i{display:block;height:100%;background:var(--ocre)}
.cp-lead .cp-bar i{background:var(--mousse)}
.cp-caveat{margin:0;font-size:.9rem;color:var(--sol)}
.cp-prose h3{margin-top:22px}
.cp-w{display:inline-block;margin-left:8px;font-family:var(--sans);font-size:.8rem;font-weight:600;color:var(--sol);letter-spacing:.02em}
.cp-types{list-style:none;margin:0 0 14px;padding:0}
.cp-types li{padding:9px 0;border-bottom:1px dotted var(--trait)}
.cp-types b{font-family:var(--serif)}
@media (max-width:520px){
  .cp-toolbar .btn{flex:1 1 100%;text-align:center}
  .cp-result{padding:14px}
  .cp-w{display:block;margin:4px 0 0}
  .cp-rank li{grid-template-columns:auto minmax(0,1fr)}
  .cp-pts{grid-column:2}
}

.cp-scroll{position:relative}
.cp-matrix,.cp-matrix>*{min-width:0;max-width:100%}