/* PILOT: comparer page useful on its own (inc-pilote-comparer.php, lot menu-partage, 01/10/2026).
 * Theme tokens of app.css only (--ink, --forest, --lime, --cream, --paper, --line), so each site's
 * palette recolours it. Phone first: one column, 44px targets. */
.qcmp{margin:8px 0 40px}
.qcmp-form{display:grid;gap:14px;padding:18px;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--lime);
  border-radius:calc(16px*var(--rk,1));box-shadow:var(--shadow-sm,none)}
.qcmp-form label{display:block;margin:0 0 6px;font:600 13px/1.2 var(--sans);color:var(--ink-soft,var(--ink))}
.qcmp-form input[type=search],.qcmp-form select{width:100%;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:10px;
  background:var(--paper);color:var(--ink);font:400 15.5px/1.2 var(--sans)}
.qcmp-form select{text-overflow:ellipsis}
.qcmp-form input[type=search]:focus-visible,.qcmp-form select:focus-visible{outline:2px solid var(--forest);outline-offset:1px}
.qcmp-choix{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.qcmp-go{justify-self:start;min-height:46px}
.qcmp-aide{margin:0;font-size:13px;color:var(--ink-mute,var(--ink-soft))}
.qcmp-sugg{margin-top:34px}
.qcmp-sugg h2{margin:0 0 6px;font-size:24px}
.qcmp-sugg-sous{margin:0 0 16px;color:var(--ink-soft);font-size:14.5px}
.qcmp-sugg-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.qcmp-carte{display:grid;gap:6px;height:100%;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:calc(14px*var(--rk,1));color:var(--ink);text-decoration:none}
.qcmp-carte:hover,.qcmp-carte:focus-visible{border-color:var(--forest);background:var(--paper)}
.qcmp-m{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.qcmp-m b{font:600 15.5px/1.3 var(--sans)}
.qcmp-m small{flex:none;font:700 13px/1 var(--sans);color:var(--forest);font-variant-numeric:tabular-nums}
.qcmp-vs{font:600 11.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute,var(--ink-soft))}
.qcmp-voir{margin-top:4px;font:600 13.5px/1.2 var(--sans);color:var(--forest)}
.qcmp-voir::after{content:"\00a0\2192"}
.qcmp--replie{margin:0 0 18px}
.qcmp--replie > summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;
  background:var(--paper);color:var(--ink);font:600 14px/1 var(--sans);cursor:pointer;list-style:none}
.qcmp--replie > summary::-webkit-details-marker{display:none}
.qcmp--replie > summary::after{content:"+";font-weight:700;color:var(--forest)}
.qcmp--replie[open] > summary::after{content:"\2212"}
.qcmp--replie[open] > .qcmp-form{margin-top:12px}
@media (min-width:720px){
  .qcmp-form{padding:22px 24px}
  .qcmp-choix{grid-template-columns:repeat(3,minmax(0,1fr))}
  .qcmp-sugg-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1100px){
  .qcmp-sugg-liste{grid-template-columns:repeat(3,minmax(0,1fr))}
}