/* quelle-couverture-chauffante.com : feuille du site, servie à part (/qcc.css). Fonds clairs, encre nuit, accents braise. */
@font-face{font-family:"Besley";src:url(/polices/besley-600.woff2) format("woff2");font-weight:500 800;font-display:swap}
@font-face{font-family:"Radio Canada";src:url(/polices/radio-canada.woff2) format("woff2");font-weight:300 700;font-display:swap}
:root{--fond:#f3f4f7;--lin:#fff;--bande:#e9ecf3;--nuit:#1d2a44;--texte:#26283a;--doux:#565b6e;--ligne:#d9dde8;--braise:#b9461a;--braise-f:#93360f;--braise-c:#fbe8de;--miel:#f2b84b;--miel-c:#fdf3dc;--vert:#2c6a4c;--vert-c:#e3f1ea;--r:10px;--titre:"Besley",Georgia,serif;--corps:"Radio Canada",system-ui,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fond);color:var(--texte);font:400 1.06rem/1.62 var(--corps)}
img{max-width:100%;height:auto;display:block}
a{color:var(--braise-f);text-underline-offset:2px}
a:hover{color:var(--nuit)}
h1,h2,h3{font-family:var(--titre);color:var(--nuit);line-height:1.2;font-weight:700}
h1{font-size:clamp(1.75rem,4vw,2.6rem);margin:.2em 0 .45em}
h2{font-size:clamp(1.35rem,3vw,1.85rem);margin:0 0 .7em}
h3{font-size:1.14rem;margin:1.5em 0 .45em;font-weight:600}
p{margin:0 0 1em}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.saut{position:absolute;left:-999px}.saut:focus{left:12px;top:8px;background:#fff;padding:6px 10px;z-index:9}

/* En-tête en deux étages */
.tete{background:var(--lin);border-bottom:1px solid var(--ligne)}
.tete-haut{max-width:1180px;margin:0 auto;padding:12px 16px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.marque{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--nuit);font:700 1.18rem var(--titre)}
.marque em{font-style:normal;color:var(--braise)}
.cherche input{border:1px solid var(--ligne);border-radius:999px;padding:8px 14px;font:inherit;font-size:.95rem;width:min(260px,70vw);background:var(--fond)}
.onglets{border-top:1px solid var(--ligne)}
.onglets ul{max-width:1180px;margin:0 auto;padding:0 8px;list-style:none;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.onglets a{display:block;padding:11px 12px;white-space:nowrap;text-decoration:none;color:var(--texte);font-size:.95rem;border-bottom:3px solid transparent}
.onglets a:hover,.onglets a[aria-current]{border-bottom-color:var(--braise);color:var(--nuit)}
.onglets .nav-p{background:var(--nuit);color:#fff;border-radius:999px;margin:6px 4px;padding:5px 14px;border:0}
.onglets .nav-p:hover,.onglets .nav-p[aria-current]{background:var(--braise);color:#fff}

/* Ouverture de page */
.ouv{background:var(--lin);border-bottom:1px solid var(--ligne)}
.ouv-in{max-width:880px;margin:0 auto;padding:22px 16px 26px}
.fil{font-size:.86rem;color:var(--doux);margin:0 0 6px}.fil a{color:var(--doux)}
.chapo{font-size:1.12rem;color:var(--texte)}
.signe{font-size:.86rem;color:var(--doux);margin:0}
.bande3{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.bande3 li{background:var(--fond);border-radius:var(--r);padding:10px 12px;font-size:.88rem;color:var(--doux)}
.bande3 b{display:block;font:700 1.45rem var(--titre);color:var(--braise)}
@media (max-width:620px){.bande3{grid-template-columns:1fr}}
.une{max-width:1100px;margin:0 auto;padding:0 16px}.une img{border-radius:var(--r);margin-top:18px;aspect-ratio:16/9;object-fit:cover;width:100%}

/* Sections : bandeaux pleine largeur, fonds alternés */
.s{padding:34px 0;border-bottom:1px solid var(--ligne)}
.s:nth-of-type(odd){background:var(--lin)}
.s-in{max-width:880px;margin:0 auto;padding:0 16px}
.s-large .s-in{max-width:1120px}
ul,ol{padding-left:1.25em;margin:0 0 1em}li{margin:.25em 0}

/* La réponse, vite */
.vite{background:var(--miel-c);border-top:3px solid var(--miel);padding:12px 16px 4px;margin:0 0 1.3em;border-radius:0 0 var(--r) var(--r)}
.vite-l{font:600 .78rem var(--corps);letter-spacing:.08em;text-transform:uppercase;color:var(--braise-f);margin:0 0 4px}

/* Tuiles chiffrées, cartes, encadrés, check-list */
.tuiles{list-style:none;padding:0;margin:0 0 1.3em;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.tuiles li{background:var(--fond);border:1px solid var(--ligne);border-radius:var(--r);padding:14px;margin:0}
.s:nth-of-type(even) .tuiles li{background:var(--lin)}
.tuiles b{display:block;font:700 1.6rem var(--titre);color:var(--nuit)}
.tuiles span{display:block;font-weight:600}.tuiles small{display:block;color:var(--doux);font-size:.88rem;margin-top:4px}
.cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:0 0 1.3em}
.carte{background:var(--lin);border:1px solid var(--ligne);border-left:4px solid var(--nuit);border-radius:var(--r);padding:14px 16px}
.s:nth-of-type(odd) .carte{background:var(--fond)}
.carte h3{margin:0 0 .4em;font-size:1.05rem}.carte p{margin:0 0 .5em;font-size:.97rem}
.encart{border-radius:var(--r);padding:12px 16px 2px;margin:0 0 1.3em}
.encart-l{font-weight:700;margin:0 0 4px}
.encart-err{background:var(--braise-c)}.encart-err .encart-l{color:var(--braise-f)}
.encart-ret{background:var(--vert-c)}.encart-ret .encart-l{color:var(--vert)}
.cocher{list-style:none;padding:0;columns:2 280px;margin:0 0 1.3em}
.cocher li{break-inside:avoid;margin:0 0 8px}.cocher label{display:flex;gap:8px;align-items:flex-start;cursor:pointer}
.cocher input{margin-top:5px;accent-color:var(--braise)}

/* Tableaux */
.tab{overflow-x:auto;margin:0 0 1.4em;border:1px solid var(--ligne);border-radius:var(--r);background:var(--lin)}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--ligne);vertical-align:top}
thead th{background:var(--nuit);color:#fff;font-weight:600;font-size:.88rem;white-space:nowrap}
tbody th{font-weight:600;color:var(--nuit)}
tbody tr:last-child>*{border-bottom:0}
.tab-note{font-size:.85rem;color:var(--doux);padding:8px 12px;margin:0;border-top:1px solid var(--ligne)}

/* Boutons */
.btn{display:inline-block;background:var(--braise);color:#fff;text-decoration:none;font-weight:600;border-radius:999px;padding:9px 18px;font-size:.95rem;white-space:nowrap}
.btn:hover{background:var(--braise-f);color:#fff}
.btn-l{display:inline-block;border:2px solid var(--nuit);color:var(--nuit);text-decoration:none;font-weight:600;border-radius:999px;padding:7px 16px;font-size:.92rem}
.btn-l:hover{background:var(--nuit);color:#fff}
.prix{font:700 1.15rem var(--titre);color:var(--nuit)}
.prix small{display:block;font:400 .75rem var(--corps);color:var(--doux)}

/* Podium : une liste numérotée, pas des cartes */
.podium{list-style:none;padding:0;margin:0 0 1.2em;counter-reset:p}
.podium>li{counter-increment:p;display:grid;grid-template-columns:52px 110px 1fr auto;gap:16px;align-items:center;background:var(--lin);border:1px solid var(--ligne);border-radius:var(--r);padding:14px;margin:0 0 12px}
.podium>li::before{content:counter(p);font:800 2.2rem var(--titre);color:var(--braise);text-align:center}
.podium img{width:110px;height:110px;object-fit:contain;background:#fff}
.podium .role{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--braise-f);font-weight:600;margin:0}
.podium h3{margin:.1em 0 .3em;font-size:1.12rem}.podium h3 a{color:var(--nuit);text-decoration:none}
.podium p{margin:0;font-size:.95rem}
.podium .achat{text-align:right}
@media (max-width:700px){.podium>li{grid-template-columns:40px 80px 1fr}.podium img{width:80px;height:80px}.podium .achat{grid-column:1/-1;text-align:left;display:flex;gap:12px;align-items:center}}

/* Tableau de sélection qui vend */
.sel td.a{white-space:nowrap}.sel img{width:56px;height:56px;object-fit:contain;background:#fff}
.sel .nom{display:flex;gap:10px;align-items:center}.sel .nom a{color:var(--nuit);font-weight:600}

/* Modèles analysés : repliables */
.analyse{background:var(--lin);border:1px solid var(--ligne);border-radius:var(--r);margin:0 0 12px}
.s:nth-of-type(odd) .analyse{background:var(--fond)}
.analyse>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:12px 14px}
.analyse>summary::-webkit-details-marker{display:none}
.analyse>summary img{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:6px}
.analyse>summary .role{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--braise-f);font-weight:600}
.analyse>summary b{font:600 1.08rem var(--titre);color:var(--nuit)}
.analyse>summary .plie{font-size:.85rem;color:var(--doux)}
.analyse[open]>summary .plie::after{content:" (replier)"}
.analyse-in{padding:0 16px 14px;border-top:1px solid var(--ligne)}
.analyse dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:14px 0}
.analyse dl div{background:var(--bande);border-radius:8px;padding:6px 10px}
.analyse dt{font-size:.78rem;color:var(--doux)}.analyse dd{margin:0;font-weight:600;color:var(--nuit)}
.pour-contre{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pour-contre h4{margin:.4em 0;font-size:.95rem}.pour-contre ul{font-size:.95rem}
.pour-contre .pour h4{color:var(--vert)}.pour-contre .contre h4{color:var(--braise-f)}
@media (max-width:640px){.pour-contre{grid-template-columns:1fr}.analyse>summary{grid-template-columns:56px 1fr}.analyse>summary img{width:56px;height:56px}.analyse>summary .achat{grid-column:1/-1}}
.verdict{background:var(--miel-c);border-radius:8px;padding:10px 14px;margin:8px 0}

/* FAQ : titres et paragraphes, deux colonnes sur grand écran */
#faq .s-in{max-width:1120px}
.faq-g{columns:2 380px;column-gap:34px}
.faq-g>div{break-inside:avoid;margin:0 0 16px}
.faq-g h3{margin:0 0 .3em;font-size:1.03rem}

/* Sommaire */
.som{background:var(--lin);border:1px solid var(--ligne);border-radius:var(--r);padding:12px 16px;margin:18px 0 0;font-size:.95rem}
.som summary{cursor:pointer;font-weight:600;color:var(--nuit)}.som ol{columns:2 260px;margin:.6em 0 0}

/* Catalogue */
.cat-in{max-width:1180px;margin:0 auto;padding:18px 16px 36px;display:grid;grid-template-columns:250px 1fr;gap:22px}
@media (max-width:860px){.cat-in{grid-template-columns:1fr}}
.filtres{background:var(--lin);border:1px solid var(--ligne);border-radius:var(--r);padding:14px;align-self:start;position:sticky;top:10px}
.filtres fieldset{border:0;padding:0;margin:0 0 14px}.filtres legend{font-weight:700;color:var(--nuit);margin-bottom:6px}
.filtres label{display:block;font-size:.93rem;margin:3px 0}
.filtres select{width:100%;padding:6px;border-radius:6px;border:1px solid var(--ligne);font:inherit}
.grille{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.fiche-c{background:var(--lin);border:1px solid var(--ligne);border-radius:var(--r);padding:12px;display:flex;flex-direction:column;gap:6px;height:100%}
.fiche-c img{width:100%;height:160px;object-fit:contain;background:#fff}
.fiche-c .fam{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--doux)}
.fiche-c h3{margin:0;font-size:1rem}.fiche-c h3 a{color:var(--nuit);text-decoration:none}
.fiche-c ul{list-style:none;padding:0;margin:0;font-size:.88rem;color:var(--doux)}.fiche-c li{margin:0}
.fiche-c .bas{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.fiche-c .cmp{font-size:.85rem;color:var(--doux)}
.compte{color:var(--doux);font-size:.93rem;margin:0 0 10px}
.duel{position:fixed;left:0;right:0;bottom:0;background:var(--nuit);color:#fff;padding:10px 16px;display:none;justify-content:center;gap:14px;align-items:center;z-index:5}
.duel.on{display:flex}.duel button{background:var(--miel);color:var(--nuit);border:0;border-radius:999px;padding:7px 16px;font-weight:700;cursor:pointer}
.duel-t{position:fixed;inset:6vh 4vw;background:#fff;border-radius:var(--r);overflow:auto;padding:16px;z-index:6;box-shadow:0 10px 40px rgba(0,0,0,.25);display:none}
.duel-t.on{display:block}

/* Fiche produit */
.fp{max-width:1120px;margin:0 auto;padding:22px 16px;display:grid;grid-template-columns:330px 1fr;gap:26px}
@media (max-width:820px){.fp{grid-template-columns:1fr}}
.fp-achat{background:var(--lin);border:1px solid var(--ligne);border-radius:var(--r);padding:16px;align-self:start;position:sticky;top:10px;text-align:center}
.fp-achat img{margin:0 auto 10px;max-height:260px;object-fit:contain}
.fp-achat .btn{margin-top:10px}

/* Outil */
.outil{background:var(--lin);border:2px solid var(--nuit);border-radius:var(--r);padding:18px;margin:0 0 1.3em}
.outil label{display:block;font-weight:600;margin:10px 0 4px}
.outil input,.outil select{font:inherit;padding:8px;border:1px solid var(--ligne);border-radius:6px;width:100%;max-width:320px}
.outil .res{background:var(--miel-c);border-radius:8px;padding:12px 14px;margin-top:14px}
.outil .res b{font:700 1.5rem var(--titre);color:var(--nuit)}
.propose{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:12px 0 0}
.propose li{background:#fff;border:1px solid var(--ligne);border-radius:8px;padding:10px;margin:0;font-size:.93rem}

/* Accueil */
.acc{max-width:1120px;margin:0 auto;padding:26px 16px}
.acc-ouv{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:center}
@media (max-width:820px){.acc-ouv{grid-template-columns:1fr}}
.choix{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:18px 0}
.choix a{display:block;background:var(--lin);border:1px solid var(--ligne);border-radius:var(--r);padding:14px;text-decoration:none;color:var(--texte)}
.choix a b{display:block;font:600 1.05rem var(--titre);color:var(--nuit)}
.choix a:hover{border-color:var(--braise)}
.liste-art{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.liste-art a{display:block;background:var(--lin);border:1px solid var(--ligne);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--texte);height:100%}
.liste-art img{aspect-ratio:16/9;object-fit:cover;width:100%}
.liste-art span{display:block;padding:10px 12px;font-weight:600;color:var(--nuit)}

/* Pied en bandeau */
.pied{background:var(--bande);border-top:1px solid var(--ligne);margin-top:0}
.pied-in{max-width:1120px;margin:0 auto;padding:26px 16px 30px}
.pied-nom{display:flex;gap:10px;align-items:center;font:700 1.1rem var(--titre);color:var(--nuit);margin:0 0 8px}
.pied-dit{font-size:.92rem;color:var(--doux);max-width:720px}
.pied-liens{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.93rem}
.pied-liens a{color:var(--nuit)}

/* Résumer avec l'IA, Partager (articles seulement) */
.ia{font-size:.9rem;color:var(--doux);margin:10px 0 4px}.ia a{color:var(--nuit);font-weight:600}
.partage{font-size:.9rem;margin:0}.partage summary{cursor:pointer;color:var(--nuit);font-weight:600;display:inline-block;border:1px solid var(--ligne);border-radius:999px;padding:3px 12px}
.partage p{margin:8px 0 0}
#termes h3{margin-top:1.2em}
/* Tableau de sélection : largeur minimale, défilement horizontal sur petit écran */
.sel table{min-width:980px}
.sel tbody th[scope=row]{min-width:230px}
.sel .nom{min-width:220px}.sel .nom a{flex:1}
.sel td:nth-child(2){min-width:130px}
.sel td.a{min-width:240px}
.sel td.a .prix{display:block;margin-bottom:6px}
.s-in:has(.sel){max-width:1200px}
.fp>*{min-width:0}
.fp article{overflow-wrap:anywhere}