/* DU Comparateur : motifs de La Fabrique du Net (filets, une seule couleur d'accent, cartes posées sur la page,
   faits visibles), dans la grammaire du thème hôte (couleurs et police passées en variables par l'extension). */
.dcmp{font-family:var(--police);color:var(--tx);line-height:1.65;font-size:16px}
.dcmp *,.dcmp *::before,.dcmp *::after{box-sizing:border-box}
.dcmp-grille{max-width:1160px;margin:0 auto;padding:28px 20px 64px;display:grid;grid-template-columns:minmax(0,1fr);gap:48px}
@media (min-width:1024px){.dcmp-grille{grid-template-columns:minmax(0,720px) 300px;justify-content:center;padding-top:40px}}
.dcmp a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--a);text-underline-offset:3px}
.dcmp a:hover{color:var(--a)}
.dcmp-fil{font-size:13px;color:var(--dx);display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.dcmp-fil a{color:var(--dx);text-decoration:none}
.dcmp-fil a:hover{color:var(--a)}
.dcmp-sep{opacity:.5}
.dcmp-date{font-size:13px;color:var(--dx);margin:0 0 10px}
.dcmp-h1{font-family:var(--police);color:var(--fg);font-size:clamp(30px,4.2vw,44px);line-height:1.08;font-weight:600;letter-spacing:-.02em;margin:0 0 18px}
.dcmp-auteur{display:flex;align-items:center;gap:12px;margin:0 0 26px;font-size:14px}
.dcmp-auteur img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}
.dcmp-auteur strong{display:block;color:var(--fg);font-weight:600}
.dcmp-auteur span{color:var(--dx)}
.dcmp-contenu h2{font-family:var(--police);color:var(--fg);font-size:clamp(23px,2.6vw,30px);line-height:1.2;font-weight:600;letter-spacing:-.01em;margin:52px 0 16px;scroll-margin-top:90px}
.dcmp-contenu h3{font-family:var(--police);color:var(--fg);font-size:19px;line-height:1.35;font-weight:600;margin:30px 0 10px}
.dcmp-contenu p,.dcmp-contenu li{color:var(--tx)}
.dcmp-contenu ul,.dcmp-contenu ol{padding-left:1.2em}
.dcmp-contenu strong{color:var(--fg)}
.dcmp-reponse{font-size:19px;line-height:1.6;color:var(--fg);margin:0 0 22px}
.dcmp-chiffres{list-style:none;padding:14px 0 !important;margin:0 0 30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;border-top:1px solid var(--fl);border-bottom:1px solid var(--fl)}
@media (min-width:640px){.dcmp-chiffres{grid-template-columns:repeat(4,minmax(0,1fr))}}
.dcmp-chiffres li{font-size:13px;color:var(--dx);line-height:1.4}
.dcmp-chiffres b{display:block;font-size:22px;color:var(--fg);font-weight:600;font-variant-numeric:tabular-nums;margin-bottom:2px}
.dcmp-table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0 30px;border:1px solid var(--fl);border-radius:10px}
.dcmp-table table{width:100%;border-collapse:collapse;font-size:14px;min-width:620px;margin:0}
.dcmp-table th,.dcmp-table td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--fl);color:var(--tx)}
.dcmp-table thead th{color:var(--fg);font-weight:600;background:var(--fd)}
.dcmp-table tbody tr:last-child td{border-bottom:0}
.dcmp-cartes{list-style:none;padding:0 !important;margin:8px 0 0;counter-reset:none}
.dcmp-carte{padding:30px 0;border-top:1px solid var(--fl)}
.dcmp-carte:first-child{border-top:0;padding-top:10px}
.dcmp-carte-tete{display:flex;gap:14px;align-items:baseline}
.dcmp-rang{font-size:22px;font-weight:600;color:var(--a);font-variant-numeric:tabular-nums;min-width:1.6em}
.dcmp-carte h3{margin:0 !important;font-size:22px !important}
.dcmp-sous-titre{font-size:14px;color:var(--dx);margin:2px 0 0}
.dcmp-capture{display:block;margin:16px 0 14px;border:1px solid var(--fl);border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:var(--fd);max-width:100%}
.dcmp-capture img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;margin:0}
.dcmp-preuve{font-size:14px;color:var(--dx);margin:10px 0 8px}
.dcmp-preuve b{color:var(--fg)}
.dcmp-fait{color:var(--fg) !important;margin:8px 0 12px}
.dcmp-lignes{margin:0 0 12px;display:grid;grid-template-columns:minmax(0,1fr);gap:6px 18px}
@media (min-width:640px){.dcmp-lignes{grid-template-columns:150px minmax(0,1fr)}}
.dcmp-lignes dt{font-size:13px;color:var(--dx);font-weight:500;padding-top:2px}
.dcmp-lignes dd{margin:0;color:var(--tx)}
.dcmp-lien{font-size:15px;margin:6px 0 0}
.dcmp-groupe{margin-top:40px}
.dcmp-groupe-titre{font-size:13px;color:var(--dx);margin:34px 0 0;padding-bottom:8px;border-bottom:1px solid var(--fl)}
.dcmp-faq details{border-top:1px solid var(--fl);padding:14px 0}
.dcmp-faq details:last-child{border-bottom:1px solid var(--fl)}
.dcmp-faq summary{cursor:pointer;color:var(--fg);font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}
.dcmp-faq summary::-webkit-details-marker{display:none}
.dcmp-faq summary::after{content:"+";color:var(--a);font-weight:500;font-size:20px;line-height:1}
.dcmp-faq details[open] summary::after{content:"−"}
.dcmp-faq details p{margin:10px 0 0}
.dcmp-maillage{list-style:none;padding:0 !important;display:flex;flex-wrap:wrap;gap:4px 0;font-size:15px}
.dcmp-maillage li:not(:last-child)::after{content:"·";margin:0 10px;color:var(--dx)}
.dcmp-lien-attente{color:inherit}
.dcmp-sources{font-size:13px;color:var(--dx)}
.dcmp-sources li{color:var(--dx) !important}
.dcmp-note{font-size:13px;color:var(--dx)}
.dcmp-ia{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:40px 0 0;padding:14px 0;border-top:1px solid var(--fl);border-bottom:1px solid var(--fl);font-size:14px}
.dcmp-ia span{color:var(--fg);font-weight:600;margin-right:6px}
.dcmp-ia a{padding:6px 11px;border:1px solid var(--fl);border-radius:8px;text-decoration:none;color:var(--tx);font-size:13px}
.dcmp-ia a:hover{border-color:var(--a);color:var(--fg)}
.dcmp-rubrique{margin-top:40px}
.dcmp-rubrique h2{font-size:22px;color:var(--fg);margin:0 0 12px;font-weight:600}
.dcmp-rubrique ul{padding-left:1.1em}
.dcmp-devis{margin:52px 0 0;padding:28px 24px;border:1px solid var(--fl);border-radius:10px;background:var(--fd);scroll-margin-top:90px}
.dcmp-devis h2{font-size:24px;color:var(--fg);margin:0 0 6px;font-weight:600}
.dcmp-devis-intro{margin:0 0 16px;color:var(--tx)}
.dcmp-etapes{list-style:none;padding:0 !important;margin:0 0 18px;display:flex;gap:8px;font-size:13px;color:var(--dx)}
.dcmp-etapes li{flex:1;padding-top:8px;border-top:3px solid var(--fl)}
.dcmp-etapes li.actif{border-top-color:var(--a);color:var(--fg)}
.dcmp-form fieldset{border:0;padding:0;margin:0}
.dcmp-form legend{font-weight:600;color:var(--fg);margin:0 0 12px;font-size:17px}
.dcmp-choix{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0 0 14px}
@media (min-width:560px){.dcmp-choix{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dcmp-choix label{display:flex;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--fl);border-radius:8px;cursor:pointer;color:var(--fg);background:var(--sf)}
.dcmp-choix label:has(input:checked){border-color:var(--a)}
.dcmp-champ{display:block;font-size:14px;color:var(--fg);margin:0 0 12px}
.dcmp-champ input,.dcmp-champ select,.dcmp-champ textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;font:inherit;font-size:16px;color:var(--fg);background:var(--sf);border:1px solid var(--fl);border-radius:8px}
.dcmp-champ input:focus,.dcmp-champ select:focus,.dcmp-champ textarea:focus{outline:2px solid var(--a);outline-offset:1px}
.dcmp-piege{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}
.dcmp-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--tx);margin:4px 0 14px}
.dcmp-consent input{margin-top:3px;flex:none}
.dcmp-nav{display:flex;gap:10px;justify-content:space-between}
.dcmp-form button,.dcmp-bouton{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;font:inherit;font-size:15px;font-weight:600;border-radius:10px;border:1px solid var(--a);background:var(--a);color:var(--sa) !important;cursor:pointer;text-decoration:none !important}
.dcmp-form .dcmp-retour{background:transparent;color:var(--fg) !important;border-color:var(--fl)}
.dcmp-message{margin:12px 0 0;font-size:14px;color:var(--fg)}
.dcmp-message.erreur{color:#e5484d}
.dcmp-final{font-size:clamp(24px,3vw,34px);line-height:1.15;color:var(--fg);font-weight:600;letter-spacing:-.01em;margin:56px 0 0}
.dcmp-cote{display:none}
@media (min-width:1024px){.dcmp-cote{display:block;position:sticky;top:96px;align-self:start;font-size:14px}}
.dcmp-sommaire p{font-weight:600;color:var(--fg);margin:0 0 8px}
.dcmp-sommaire ol{list-style:none;padding:0;margin:0 0 22px;border-left:1px solid var(--fl)}
.dcmp-sommaire li{margin:0}
.dcmp-sommaire a{display:block;padding:5px 0 5px 12px;color:var(--dx);text-decoration:none;line-height:1.35}
.dcmp-sommaire a:hover{color:var(--fg)}
.dcmp-encart{padding:18px;border:1px solid var(--fl);border-radius:10px;background:var(--fd)}
.dcmp-encart p{margin:0 0 12px;color:var(--tx)}
.dcmp-encart .dcmp-bouton{width:100%}
.dcmp-barre{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:50;display:flex;gap:8px;align-items:center;padding:8px;border:1px solid var(--fl);border-radius:12px;background:var(--sf);box-shadow:0 8px 30px rgba(0,0,0,.25)}
.dcmp-barre .dcmp-bouton{flex:1}
.dcmp-fermer{width:44px;height:44px;border:0;background:transparent;color:var(--fg);font-size:22px;cursor:pointer}
@media (min-width:1024px){.dcmp-barre{display:none !important}}
@media (prefers-reduced-motion:no-preference){.dcmp html{scroll-behavior:smooth}}