/* MatchMyAITool — direction « salle de montage » : charbon chaud, titres en serif, accent tungstène */
@font-face{font-family:"Inter";font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/inter-Regular.woff) format("woff")}
@font-face{font-family:"Inter";font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/inter-Medium.woff) format("woff")}
@font-face{font-family:"Inter";font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/inter-SemiBold.woff) format("woff")}
@font-face{font-family:"Fraunces";font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/fraunces-latin-600-normal.woff2) format("woff2")}
:root{--bg:#141210;--panel:#1B1815;--panel2:#221E1A;--line:#2E2923;--line2:#40382F;--text:#EDE8DF;--dim:#A39B8E;--accent:#E8B04A;--accent-ink:#17120A;--good:#9CC4A0;--danger:#E58A7E;
 --serif:"Fraunces",Georgia,"Times New Roman",serif;--sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--r:6px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;color-scheme:dark;background:var(--bg)}
body{margin:0;background:radial-gradient(90vw 50vh at 50% -10%,#ffffff07,transparent 70%) no-repeat,var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;font-size:16px;font-feature-settings:"kern","liga","calt"}
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.015em;line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(2.1rem,4.6vw,3.5rem);letter-spacing:-.025em;line-height:1.08}h2{font-size:1.65rem;margin-top:0}h3{font-size:1.2rem}
a{color:inherit}p{margin:0 0 1em;max-width:68ch}
.mono{font-variant-numeric:tabular-nums}.dim{color:var(--dim)}.small{font-size:.86rem}.center{text-align:center}.center p{margin-inline:auto}
.skip{position:absolute;left:-999px;top:0;background:var(--accent);color:var(--accent-ink);padding:8px 12px;z-index:100}.skip:focus{left:8px;top:8px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
/* navigation */
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;gap:12px;flex-wrap:wrap;background:#141210ee;backdrop-filter:blur(8px)}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:600;font-size:1.25rem;letter-spacing:-.01em;text-decoration:none}
.brand .dot{position:relative;width:2px;height:20px;background:var(--accent);display:block;border-radius:1px;margin-left:5px}
.brand .dot::before{content:"";position:absolute;left:-5px;top:-1px;border:6px solid transparent;border-top:7px solid var(--accent);border-bottom:0}
.navlinks{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.navlinks>a{color:var(--dim);text-decoration:none;padding:8px 12px;font-size:.92rem;border-bottom:2px solid transparent}
.navlinks>a:hover{color:var(--text)}.navlinks>a.active{color:var(--text);border-bottom-color:var(--accent)}
.lang{display:flex;gap:2px;margin-left:12px;padding-left:14px;border-left:1px solid var(--line)}
.lang a{padding:6px 9px;font-size:.8rem;color:var(--dim);text-decoration:none;border-radius:var(--r);font-weight:500}
.lang a:hover{color:var(--text)}.lang a.active{color:var(--text);background:var(--panel2)}
.burger{display:none;background:none;border:1px solid var(--line2);color:var(--text);border-radius:var(--r);padding:6px 12px;font-size:1.1rem;min-height:40px}
@media(max-width:760px){.nav{padding:12px 16px}.burger{display:block}.navlinks{display:none;width:100%;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.navlinks>a{border-bottom:0;border-left:2px solid transparent}.navlinks>a.active{border-left-color:var(--accent)}.lang{margin:8px 0 0;padding:10px 0 0;border-left:0;border-top:1px solid var(--line)}}
/* mise en page */
.shell{max-width:1080px;margin:0 auto;padding:44px 24px}.shell.narrow{max-width:760px}
.cta-row,.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:22px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;min-height:44px;border-radius:var(--r);border:1px solid var(--line2);background:transparent;color:var(--text);font:500 .95rem var(--sans);text-decoration:none;cursor:pointer;transition:border-color .15s,background .15s}
.btn:hover{border-color:var(--dim);background:var(--panel)}.btn-lg{padding:14px 24px;font-size:1.02rem}.btn-xl{padding:30px 64px;font-size:1.75rem;font-weight:700;border-radius:16px;box-shadow:0 12px 36px -12px var(--accent)}
.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.btn-primary:hover{background:#F0BC5E;border-color:#F0BC5E}
.btn-ghost{border-color:transparent;color:var(--dim)}.btn-danger{color:var(--danger);border-color:#5a332e}[hidden]{display:none!important}
.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px;margin-bottom:16px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:820px){.grid-2,.grid-3{grid-template-columns:1fr}}
/* accueil : hero */
.hero{padding-top:72px;padding-bottom:36px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}
.hero h1{max-width:none;margin-inline:auto;font-size:clamp(2.1rem,3.7vw,3.3rem)}.hero .lead{margin-inline:auto;max-width:46em}@media(min-width:901px){.hero h1 .hl{display:block;white-space:nowrap}}.hero .cta-row{flex-direction:column;justify-content:center;align-items:center;gap:16px}.lead{font-size:1.15rem;color:var(--dim);max-width:34em}
.hero .fine{color:var(--dim);font-size:.9rem;margin:0 auto}
.facts-line{width:100%;margin:12px 0 0;color:var(--dim);font-size:.95rem;border-top:1px solid var(--line);padding-top:16px;max-width:none}
@media(max-width:900px){.hero{gap:24px;padding-top:44px}}@media(max-width:560px){.btn-xl{width:100%;padding:18px 20px;font-size:1.08rem}}
/* le schéma du score : l'élément mémorable */
.strip{margin:0;padding:22px 22px 18px;background:var(--panel);border:1px solid var(--line);border-radius:10px;position:relative;overflow:hidden}
.strip figcaption{font-family:var(--serif);font-weight:600;font-size:1.05rem;margin-bottom:16px}
.strip ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.strip li{display:grid;grid-template-columns:7.2em 1fr;align-items:center;gap:12px;font-size:.88rem;color:var(--dim)}
.strip .clip{height:30px;border-radius:4px;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:.82rem;padding:0 9px;display:flex;align-items:center;transform-origin:left center;width:calc(var(--w) * 3.2%);animation:clip .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * .11s + .1s)}
.strip li:nth-child(2) .clip{background:#D9A043}.strip li:nth-child(3) .clip{background:#CB9140}.strip li:nth-child(4) .clip{background:#BC823C}.strip li:nth-child(5) .clip{background:#AD7438}
.strip .ruler{height:10px;margin:14px 0 6px calc(7.2em + 12px);background:repeating-linear-gradient(90deg,var(--line2) 0 1px,transparent 1px 10%);position:relative}
.strip .ruler::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:var(--line2)}
.strip .note{margin:10px 0 0;font-size:.88rem;color:var(--text);max-width:none}
.strip .playhead{position:absolute;top:56px;bottom:62px;left:calc(22px + 7.2em + 12px);width:2px;background:var(--text);opacity:0;animation:sweep 1.4s .9s cubic-bezier(.5,0,.2,1) forwards}
.strip .playhead::before{content:"";position:absolute;left:-5px;top:-2px;border:6px solid transparent;border-top:7px solid var(--text);border-bottom:0}
@keyframes clip{from{transform:scaleX(0);opacity:0}to{transform:none;opacity:1}}
@keyframes sweep{0%{opacity:1;left:calc(22px + 7.2em + 12px)}85%{opacity:1}100%{opacity:0;left:calc(100% - 26px)}}
/* étapes, catégories, listes en lignes */
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.steps li{padding:20px 24px 4px 0;border-top:1px solid var(--line2)}.steps li+li{padding-left:24px;border-left:1px solid var(--line)}
.steps .num{font-family:var(--serif);font-size:1.6rem;color:var(--accent);display:block;margin-bottom:6px}.steps h3{margin-bottom:.3em}.steps p{color:var(--dim)}
@media(max-width:820px){.steps{grid-template-columns:1fr}.steps li+li{padding-left:0;border-left:0}}
.rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line2)}
.rows a{display:grid;grid-template-columns:minmax(0,15em) 1fr auto;gap:24px;align-items:baseline;padding:18px 4px;border-bottom:1px solid var(--line);text-decoration:none}
.rows a:hover{background:var(--panel)}.rows .nm{font-family:var(--serif);font-weight:600;font-size:1.2rem}.rows .ds{color:var(--dim);font-size:.93rem}.rows .ct{color:var(--accent);font-size:.9rem;white-space:nowrap}
@media(max-width:700px){.rows a{grid-template-columns:1fr auto;gap:4px 16px}.rows .ds{grid-column:1/-1;order:3}}
.disclosure{border-left:3px solid var(--accent);padding:4px 0 4px 20px;margin:28px 0 0}.disclosure h3{margin-bottom:.3em}.disclosure p{color:var(--dim);margin-bottom:.6em}.disclosure a{color:var(--accent)}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:8px}.trio h3{font-size:1.05rem}.trio p{color:var(--dim);font-size:.95rem}
@media(max-width:820px){.trio{grid-template-columns:1fr;gap:8px}}
.tool-card{display:flex;flex-direction:column;margin:0}.tool-card h3{margin-bottom:.2em}.tool-card h3 a{text-decoration:none}.tool-card h3 a:hover{color:var(--accent)}.tool-card .actions{margin-top:auto;padding-top:8px}
.tool-card .meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}
.tag{font-size:.82rem;color:var(--dim)}.rating{font-size:.85rem;color:var(--accent)}
.tagline{color:var(--dim);margin-bottom:.6em}.price{font-size:.9rem;color:var(--good);font-variant-numeric:tabular-nums}
.chips{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;padding:5px 12px;border-radius:var(--r);border:1px solid var(--line2);font-size:.86rem;color:var(--dim);text-decoration:none}
.linklist{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.linklist a{text-decoration:none;color:var(--accent)}.linklist a:hover{text-decoration:underline}
.crumbs{font-size:.84rem;color:var(--dim);margin-bottom:16px}.crumbs a{color:var(--dim)}.crumbs a:hover{color:var(--text)}
/* questionnaire */
.step{border:0;padding:0;margin:0 0 20px;min-width:0}.step-label{color:var(--dim);font-size:.88rem;padding:0;margin-bottom:8px}
.options{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:16px 0}
.opt{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--panel);border-radius:var(--r);padding:13px 14px;min-height:50px;cursor:pointer;transition:border-color .12s}
.opt:hover{border-color:var(--dim)}.opt:has(input:checked){border-color:var(--accent);background:var(--panel2)}
.opt input{accent-color:var(--accent);width:18px;height:18px}
.quiz-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
html.js #quiz .step{display:none}html.js #quiz .step.on{display:block;animation:stepin .2s ease-out}
.progress{height:3px;background:var(--line);margin-bottom:32px}.progress span{display:block;height:100%;background:var(--accent);transition:width .25s ease}
@keyframes stepin{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
/* résultat */
.kicker{color:var(--accent);font-size:.9rem;font-weight:500}
.featured{display:grid;grid-template-columns:auto 1fr;gap:28px;padding:28px;border-color:var(--line2);border-radius:10px}
.score-block{text-align:left}.score{font-family:var(--serif);font-weight:600;font-size:4.2rem;color:var(--accent);line-height:1}
.why{font-size:1.02rem}@media(max-width:600px){.featured{grid-template-columns:1fr;gap:12px}}
.plain{list-style:none;padding:0;margin:0}.plain li{padding:5px 0 5px 22px;position:relative}
.plain.good li::before{content:"✓";position:absolute;left:0;color:var(--good)}.plain.bad li::before{content:"–";position:absolute;left:4px;color:var(--danger)}
.plain:not(.good):not(.bad) li::before{content:"•";position:absolute;left:4px;color:var(--dim)}
summary{cursor:pointer}.inline{display:inline;margin:0}
.breakdown{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:12px}.row{display:flex;justify-content:space-between;gap:12px;font-size:.92rem}
.bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden;margin-top:5px}.fill{height:100%;background:var(--accent)}
/* comparateur */
.filters{margin:20px 0}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;align-items:end}
label{display:block;font-size:.88rem;color:var(--dim)}label .input,label.block .input{margin-top:5px}
.input{width:100%;padding:10px 12px;border-radius:var(--r);border:1px solid var(--line2);background:var(--bg);color:var(--text);font:inherit;font-size:.95rem;min-height:44px}
textarea.input{resize:vertical}.inline-check{display:flex;align-items:center;gap:8px;color:var(--text);min-height:44px}.inline-check input{accent-color:var(--accent)}
.cat-intro{border-left:3px solid var(--accent);border-radius:0 8px 8px 0}.cat-intro h2{margin-top:0;font-size:1.2rem}.cat-intro p{margin:0;color:var(--dim)}
.empty{text-align:center}.empty p{margin:.3em auto}
.pick-list{list-style:none;padding:0;margin:14px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.pick{margin:0;padding:12px 14px;display:flex;flex-direction:column;gap:3px}.pick label{color:var(--text);font-size:1rem;display:flex;gap:8px;align-items:center}.pick input{accent-color:var(--accent);width:18px;height:18px}.pick:has(input:checked){border-color:var(--accent)}
.compare-bar{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#141210f2;border-top:1px solid var(--line);padding:12px 0;margin-top:8px;z-index:5}
.table-wrap{overflow-x:auto;margin:16px 0}.table{width:100%;border-collapse:collapse;font-size:.92rem}
.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.table thead th{color:var(--dim);font-size:.85rem;font-weight:500}.table tbody th{color:var(--dim);font-weight:500;white-space:nowrap}
#compare-table td{min-width:210px}
.scroll-hint{display:none}@media(max-width:820px){.scroll-hint{display:block}}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;margin:16px 0;border-top:1px solid var(--line2)}.facts div{padding:12px 16px 12px 0;border-bottom:1px solid var(--line)}
.facts dt{font-size:.84rem;color:var(--dim)}.facts dd{margin:4px 0 0}
.faq summary{font-weight:500}.faq p{margin:10px 0 0;color:var(--dim)}.legal h2{font-size:1.2rem;margin-top:1.6em}
.big-num{font-family:var(--serif);font-size:2rem;color:var(--accent)}
/* pied de page, cookies, assistant */
.footer{border-top:1px solid var(--line);padding:28px 20px;text-align:center;color:var(--dim);font-size:.88rem;margin-top:48px}
.footlinks{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:12px 0}.footlinks a{color:var(--dim)}.footlinks a:hover{color:var(--text)}
.linklike{background:none;border:0;color:var(--dim);text-decoration:underline;font:inherit;cursor:pointer;padding:0}
.affiliate-note{max-width:680px;margin:0 auto 8px}
.cookie{position:fixed;left:16px;right:16px;bottom:16px;max-width:720px;margin:auto;background:var(--panel2);border:1px solid var(--line2);border-radius:10px;padding:16px;z-index:50;box-shadow:0 10px 36px #000a;font-size:.92rem}
.cookie p{margin:0 0 10px;max-width:none}.cookie-actions{display:flex;gap:10px;justify-content:flex-end}
.totop{position:fixed;left:16px;bottom:18px;z-index:30;width:42px;height:42px;border-radius:var(--r);border:1px solid var(--line2);background:var(--panel2);color:var(--text);font-size:1.1rem;cursor:pointer}
.chat-fab{position:fixed;right:16px;bottom:16px;z-index:40;width:48px;height:48px;display:grid;place-items:center;background:var(--panel2);color:var(--accent);border:1px solid var(--line2);border-radius:50%;padding:0;cursor:pointer;box-shadow:0 6px 18px #0008;transition:opacity .25s,transform .25s}
.chat-fab svg{width:22px;height:22px}.chat-fab:hover{border-color:var(--accent)}.chat-fab.away{opacity:0;transform:translateY(12px);pointer-events:none}
.chat-fab .tip{position:absolute;right:58px;white-space:nowrap;background:var(--panel2);color:var(--text);border:1px solid var(--line2);border-radius:var(--r);padding:6px 10px;font:500 .82rem var(--sans);opacity:0;pointer-events:none;transition:opacity .15s}.chat-fab:hover .tip,.chat-fab:focus-visible .tip{opacity:1}
@media(max-width:600px){.chat-fab{width:42px;height:42px;right:12px;bottom:12px}}
.chat{position:fixed;right:18px;bottom:18px;z-index:45;width:min(360px,calc(100vw - 36px));max-height:min(560px,calc(100vh - 36px));display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line2);border-radius:10px;box-shadow:0 12px 40px #000b;overflow:hidden}
.chat header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);font-family:var(--serif);font-weight:600}
.chat header button{background:none;border:0;color:var(--dim);font-size:1.2rem;cursor:pointer}
.chat-body{padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}
.msg{padding:9px 12px;border-radius:8px;max-width:90%;font-size:.92rem}.msg.bot{background:var(--panel2);align-self:flex-start}.msg.me{background:var(--accent);color:var(--accent-ink);align-self:flex-end}
.replies{display:flex;flex-wrap:wrap;gap:8px}.replies button{background:none;border:1px solid var(--line2);color:var(--text);border-radius:var(--r);padding:7px 12px;font:inherit;font-size:.86rem;cursor:pointer}.replies button:hover{border-color:var(--accent)}
/* back-office */
body.admin .shell{max-width:1180px}.narrow{max-width:520px;margin:0 auto}.login{padding-top:48px}.stack{display:grid;gap:14px}
.flash{padding:12px 16px;border-radius:var(--r);margin-bottom:16px;border:1px solid}.flash.ok{border-color:#2f6b52;background:#12261f;color:#b6f3d9}.flash.err{border-color:#7a3030;background:#2a1717;color:#fecaca}
.row.between{justify-content:space-between;align-items:center}.inline-form{display:inline-flex;gap:8px;align-items:center}
.pill{display:inline-block;padding:2px 10px;border-radius:12px;border:1px solid var(--line2);font-size:.78rem;color:var(--dim)}.pill.ok{color:var(--good);border-color:#2f6b52}.pill.warn{color:var(--accent);border-color:#7a6320}
.actions-cell{display:flex;gap:8px;white-space:nowrap}.kpis .card{margin:0 0 16px}
.hbars{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:8px}.hbars li{display:grid;grid-template-columns:minmax(80px,170px) 1fr auto;gap:10px;align-items:center;font-size:.88rem}
.hbars .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbars .track{height:8px;background:var(--line);border-radius:4px;overflow:hidden}.fillbar{display:block;height:100%;background:var(--accent)}
.daybars{display:flex;gap:6px;align-items:flex-end;height:140px}.daybar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}.daybar span{display:block;width:100%;background:var(--accent);border-radius:3px 3px 0 0;min-height:2px}.daybar small{font-size:.65rem;color:var(--dim);margin-top:4px}
fieldset.card legend{font-family:var(--serif);padding:0 8px;color:var(--accent)}
::selection{background:#e8b04a55}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.strip .playhead{display:none}}
/* comparatifs A vs B */
.vs-links{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.vs-links a{display:block;padding:12px 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;font-weight:500}
.vs-links a:hover{border-color:var(--line2);background:var(--panel2)}.vs-links .vs,.vs-head .vs{color:var(--accent);font-family:var(--serif);font-style:italic;font-weight:600;padding:0 3px}
.vs-head .card{margin:0}.vs-head h2 a{text-decoration:none}.vs-head{margin:24px 0 16px}
.verdict{border-left:3px solid var(--accent)}.verdict p{margin:0;font-size:1.05rem}
.vs-ratings{display:grid;gap:0;margin:8px 0 32px;border-top:1px solid var(--line2)}
.vr{display:grid;grid-template-columns:minmax(0,11em) 1fr 1fr;gap:16px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:.92rem}
.vr>span:not(:first-child){display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.vr .bar{display:block;margin:0}.vr .fill{display:block}
.vr-head{color:var(--dim);font-size:.85rem;font-weight:500}.vr-head>span{display:block!important}
.vr .lead-cell .fill{background:var(--accent)}.vr span:not(.lead-cell)>.bar .fill{background:var(--line2)}.vr .lead-cell .mono{color:var(--accent)}
@media(max-width:600px){.vr{grid-template-columns:1fr 1fr;gap:6px 14px}.vr>span:first-child{grid-column:1/-1;color:var(--dim)}.vr-head>span:first-child{display:none!important}}
.vs-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:32px 0}.vs-cta p{margin:0;max-width:40ch}.vs-cta .cta-row{margin:0}
/* résultats : score sur 100 et comparatif sous la recommandation */
.score .of{font-size:1.4rem;color:var(--dim);margin-left:2px;font-family:var(--sans);font-weight:500}
.cmp-title{margin:28px 0 4px;font-size:1.35rem}.cmp-table td,.cmp-table th{min-width:150px}.cmp-table tbody th{min-width:110px}
.cmp-table .is-top{background:var(--panel)}.cmp-table thead .is-top{border-top:2px solid var(--accent)}.cmp-table .accent{color:var(--accent);font-size:1.25rem}
.cmp-table thead a{font-family:var(--serif);font-size:1.1rem;color:var(--text);text-decoration:none}.cmp-table .kicker.small{font-size:.75rem}
.duel-links{margin:-4px 0 24px}.duel-links a{color:var(--accent)}
/* quiz : 2 colonnes sur mobile pour éviter de faire défiler */
@media(max-width:600px){#quiz .options{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}#quiz .opt{padding:10px;gap:8px;min-height:56px;font-size:.88rem;line-height:1.25}#quiz .opt input{width:16px;height:16px;flex:none}#quiz h2{font-size:1.4rem}}
.cmp-cards{display:none;list-style:none;padding:0;margin:12px 0}
@media(max-width:600px){.cmp-wrap{display:none}.cmp-cards{display:grid;gap:10px}.cmp-cards .card{margin:0;padding:14px 16px}.cmp-cards .is-top{border-color:var(--accent)}
.cc-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.cc-head a{display:block;font-family:var(--serif);font-weight:600;font-size:1.15rem;text-decoration:none}.cc-score{font-size:1.3rem;color:var(--accent);white-space:nowrap}
.cmp-cards p{margin:4px 0 10px}.cmp-cards .btn{width:100%;justify-content:center}}
/* Logos des outils (comparateur) */
.tool-logo{flex:none;border-radius:8px;background:#fff;object-fit:contain;box-shadow:0 0 0 1px var(--line)}
.pick label .tool-logo{border-radius:6px}
.th-tool{display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px;text-decoration:none}
.th-tool .tool-logo{border-radius:10px;padding:4px}