/* Comparateur : questionnaire, argumentaire, fiches articles et rapport imprimable (thème B7) */
.fx-q{display:grid;gap:18px;margin-top:18px}
.fx-q .q{border:0;margin:0;padding:0}
.fx-q legend{font-weight:700;font-size:1rem;margin-bottom:10px;padding:0}
.fx-q .chips{display:flex;flex-wrap:wrap;gap:8px}
.fx-q .chips label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:2px solid var(--line);border-radius:999px;background:#fff;cursor:pointer;font-size:.95rem}
.fx-q .chips input{width:18px;height:18px;margin:0;accent-color:#2A2E33}
.fx-q .chips label:has(input:checked){border-color:var(--ink);background:rgba(222,219,0,.35);font-weight:600}
.fx-q .chips label:has(input:focus-visible){outline:3px solid var(--ink);outline-offset:2px}

.arg,.fiches{margin-top:28px}
.arg h3,.fiches h3{font:900 clamp(1.5rem,3vw,2rem)/1 var(--display);text-transform:uppercase}
.arg-synth{margin-top:14px;background:var(--ink);color:#F4F4EC;padding:16px 20px;border-left:6px solid var(--lime)}
.arg-synth ul{margin:0;padding-left:1.1em;display:grid;gap:6px}
.arg-wrap{overflow-x:auto;margin-top:14px;border:2px solid var(--ink);background:#fff}
.arg-t{width:100%;border-collapse:collapse;font-size:.92rem;min-width:640px}
.arg-t th,.arg-t td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
.arg-t thead th{background:var(--ink);color:#F4F4EC;font-weight:700}
.arg-t thead th:nth-child(3){background:#343940;color:var(--lime)}
.arg-t tbody th{font-weight:700;width:18%}
.arg-t td.win{background:rgba(222,219,0,.22);font-weight:600}
.vd{display:inline-block;font-size:.78rem;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;border:1.5px solid var(--ink)}
.vd-jack{background:var(--lime);color:var(--ink)}
.vd-eux{background:#fff;color:var(--ink)}
.vd-egal{background:#E9EAE0;color:var(--ink);border-color:#C9CBC0}
.vd-nc{background:#fff;color:#5A6068;border-style:dashed;border-color:#8A8F96}
@media (max-width:760px){
  .arg-t{min-width:0}
  .arg-t thead{display:none}
  .arg-t tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:2px solid var(--ink)}
  .arg-t tbody th{grid-column:1/-1;width:auto;background:#F4F4EC;display:flex;justify-content:space-between}
  .arg-t td{border-bottom:0}
  .arg-t td:nth-child(2)::before{content:"Offre actuelle";display:block;font-size:.75rem;font-weight:700;color:#5A6068;text-transform:uppercase}
  .arg-t td:nth-child(3)::before{content:"Jack Télécom";display:block;font-size:.75rem;font-weight:700;color:#5A6068;text-transform:uppercase}
  .arg-t td:nth-child(4){grid-column:1/-1;padding-top:0}
}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
@media (max-width:760px){.pc{grid-template-columns:1fr}}
.pc-col{border:2px solid var(--ink);background:#fff;padding:16px}
.pc-col.jk{background:rgba(222,219,0,.14)}
.pc-col h4{font:900 1.3rem/1 var(--display);text-transform:uppercase;margin:0 0 10px}
.pc-b + .pc-b{margin-top:12px}
.pc-b b{display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}
.pc-b.plus b::before{content:"+ ";}
.pc-b.moins b::before{content:"− ";}
.pc-b ul{margin:6px 0 0;padding-left:1.1em;display:grid;gap:4px;font-size:.93rem}
.pc-b p{margin-top:6px;font-size:.9rem;color:#5A6068}
.fiche-l{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px}
.fiche-l li{border:2px solid var(--ink);background:#fff;padding:12px 14px}
.fiche-l a{display:flex;justify-content:space-between;gap:10px;align-items:baseline;text-decoration:none;color:var(--ink)}
.fiche-l a:hover b{text-decoration:underline}
.fiche-l .q{flex:none;font-size:.8rem;font-weight:700;background:var(--lime);padding:2px 8px;border-radius:999px}
.fiche-l p{margin-top:6px;font-size:.88rem;color:#4F555C}
.rap-cta{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;background:var(--lime);padding:18px 20px}
.rap-cta b{display:block;font:900 1.5rem/1 var(--display);text-transform:uppercase}
.rap-cta span{display:block;margin-top:4px;max-width:60ch}

/* Rapport : invisible à l'écran, seul élément imprimé */
.rapport{display:none}
/* Rendu du rapport pour le PDF transmis au back-office (conteneur hors écran) */
.rapport.r-render{display:block!important;color:#1E2125;font:14px/1.45 "Instrument Sans",Arial,sans-serif;padding:0}
  .rapport.r-render *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .rapport.r-render .r-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;border-bottom:3px solid #2A2E33;padding-bottom:8px}
  .rapport.r-render .r-logo{font:900 20pt/1 "Big Shoulders",Impact,sans-serif}
  .rapport.r-render .r-logo span{background:#2A2E33;color:#DEDB00;padding:0 4px}
  .rapport.r-render .r-meta{font-size:8pt;text-align:right;color:#4F555C}
  .rapport.r-render h1{font:900 26pt/1 "Big Shoulders",Impact,sans-serif;text-transform:uppercase;margin:14px 0 4px;background:#DEDB00;padding:6px 10px}
  .rapport.r-render h2{font:900 14pt/1.1 "Big Shoulders",Impact,sans-serif;text-transform:uppercase;margin:16px 0 6px;border-bottom:1.5px solid #2A2E33;padding-bottom:3px}
  .rapport.r-render h3{font-size:11pt;margin:0 0 4px}
  .rapport.r-render h4{font-size:9pt;text-transform:uppercase;margin:8px 0 2px}
  .rapport.r-render section{break-inside:auto}
  .rapport.r-render .r-keep{break-inside:avoid}
  .rapport.r-render h2{break-after:avoid}
  .rapport.r-render thead{display:table-header-group}
  .rapport.r-render table{width:100%;border-collapse:collapse;font-size:9pt}
  .rapport.r-render th,.rapport.r-render td{text-align:left;vertical-align:top;padding:4px 6px;border-bottom:.5pt solid #C9CBC0}
  .rapport.r-render thead th{background:#2A2E33;color:#fff}
  .rapport.r-render tr{break-inside:avoid}
  .rapport.r-render .n{text-align:right;white-space:nowrap}
  .rapport.r-render .r-kv th{width:38%;font-weight:600;color:#4F555C}
  .rapport.r-render .r-figs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0}
  .rapport.r-render .r-figs div{border:1.5pt solid #2A2E33;padding:6px 8px}
  .rapport.r-render .r-figs .jk{background:#DEDB00}
  .rapport.r-render .r-figs span,.rapport.r-render .r-figs small{display:block;font-size:8pt}
  .rapport.r-render .r-figs b{font:900 15pt/1.1 "Big Shoulders",Impact,sans-serif}
  .rapport.r-render ul,.rapport.r-render ol{margin:4px 0;padding-left:1.2em}
  .rapport.r-render .r-pc{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .rapport.r-render .r-pc > div{border:1pt solid #2A2E33;padding:6px 8px;break-inside:avoid}
  .rapport.r-render .roi-chart svg{width:100%;height:auto;max-height:80mm}
  .rapport.r-render .vd{font-size:7.5pt;padding:1px 6px}
  .rapport.r-render .r-url{font-size:7.5pt;color:#4F555C;word-break:break-all}
  .rapport.r-render .r-small,.rapport.r-render .r-mute{font-size:8.5pt;color:#4F555C}
  .rapport.r-render .r-fine{margin-top:12px;font-size:8pt;color:#4F555C;border-top:1pt solid #C9CBC0;padding-top:6px}
  .rapport.r-render .r-contact{margin-top:6px;font-size:11pt}
  .rapport.r-render .roi-fine{display:block}

.rapport.r-render .r-conf{font-size:10.5px;line-height:1.35;color:#4F555C;border:1px solid #C9CBC0;padding:6px 8px;margin:6px 0 4px}
.rapport.r-render h1{font-size:34px}
.rapport.r-render h2{font-size:19px}
.rapport.r-render table{font-size:12px}
/* L'impression de cette page est désactivée : le comparatif ne doit pas être imprimé ni « enregistré en PDF » par le navigateur */
@media print{
  body *{display:none!important}
  body{background:#fff!important}
  body::before{content:"Impression désactivée. Ce comparatif est confidentiel et réservé à votre entreprise et à Jack Télécom : toute reproduction ou communication à un tiers est interdite. Votre rapport détaillé vous est présenté par votre conseiller lors de l'audit gratuit (03 88 777 444).";display:block!important;position:static!important;height:auto!important;font:14pt/1.5 Arial,sans-serif;color:#222;padding:30mm 20mm;background:#fff!important}
}
#fx [data-step="5"]{-webkit-user-select:none;user-select:none}
#fx [data-step="5"] input,#fx [data-step="5"] textarea{-webkit-user-select:text;user-select:text}
.fx-conf{margin-top:8px;font-size:.82rem}