/* Rubrique « Recherche » — mêmes couleurs et polices que la page de vente */
:root{
  --bg:#08080a; --card:#0b0c10; --panel:#121317;
  --line:#1c1d22; --line-2:#2e3038;
  --white:#fff; --t1:#e2e3e9; --t2:#acafb9; --t3:#9194a1;
  --gold:#D8A93B; --pass:#34d399; --fail:#F0705E;
  --gild-text:linear-gradient(103deg,#AE9357 0%,#FFF0CC 42%,#C9AE6E 70%,#AE9357 100%);
  --f-serif:'Instrument Serif','Times New Roman',Georgia,serif;
  --f-sans:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --f-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --gut:clamp(16px,4vw,40px);
}
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;background:var(--bg)}
body{background:var(--bg);color:var(--t1);font:400 17px/1.7 var(--f-sans);-webkit-font-smoothing:antialiased}
img,svg,video{display:block;max-width:100%}
a{color:var(--gold);text-underline-offset:3px}
::selection{background:#fff;color:#000}
:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:6px}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}

/* barre du haut */
.top{position:sticky;top:0;z-index:5;background:rgba(8,8,10,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .in{max-width:1120px;margin:0 auto;padding:12px var(--gut);display:flex;align-items:center;gap:20px}
.brand{display:flex;align-items:center;gap:10px;color:var(--t1);text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap}
.brand img{width:24px;height:29px}
.brand small{display:block;font:400 10px/1 var(--f-mono);letter-spacing:.14em;color:var(--t3);margin-top:3px}
.top nav{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:14px}
.top nav a{color:var(--t2);text-decoration:none}
.top nav a[aria-current]{color:var(--white)}
.cta-s{padding:8px 14px;border-radius:999px;background:var(--white);color:#000!important;font-weight:500}
@media (max-width:560px){.top nav .hide-s{display:none}.brand small{display:none}}

/* article */
.art{max-width:760px;margin:0 auto;padding:44px var(--gut) 40px}
.crumb{font:400 12px var(--f-mono);color:var(--t3);letter-spacing:.04em}
.crumb a{color:var(--t3);text-decoration:none}
.kick{margin-top:28px;font:500 12px var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
h1{margin-top:12px;font:400 clamp(38px,6.4vw,62px)/1.04 var(--f-serif);color:var(--white);letter-spacing:-.01em}
.meta{margin-top:16px;font:400 13px var(--f-mono);color:var(--t3)}
.lead{margin-top:24px;font-size:19px;line-height:1.65;color:var(--t1)}
.art h2{margin-top:56px;font:400 clamp(28px,4vw,36px)/1.15 var(--f-serif);color:var(--white)}
.art h3{margin-top:28px;font:500 18px var(--f-sans);color:var(--white)}
.art p{margin-top:16px;color:var(--t2)}
.art p strong,.art li strong{color:var(--t1);font-weight:500}
.art ul,.art ol{margin-top:14px;padding-left:22px;color:var(--t2)}
.art li{margin-top:8px}
.art li::marker{color:var(--t3)}

/* réponse courte */
.tldr{margin-top:28px;padding:20px 22px;border-radius:14px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--gold)}
.tldr b{display:block;font:500 12px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.tldr p{margin-top:8px!important;color:var(--t1)!important}

/* chiffres clés */
.stats{margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.stat{padding:16px 14px;border-radius:12px;background:var(--card);border:1px solid var(--line)}
.stat .v{font:500 26px/1.1 var(--f-mono);color:var(--white);font-variant-numeric:tabular-nums}
.stat .v.neg{color:var(--fail)}
.stat .l{margin-top:6px;font-size:13px;line-height:1.35;color:var(--t3)}
@media (max-width:640px){.stats{grid-template-columns:repeat(2,1fr)}}

/* figures */
figure{margin-top:28px}
.chart{padding:18px 16px 10px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
figcaption{margin-top:10px;font-size:13px;line-height:1.5;color:var(--t3)}
.vid{display:flex;gap:22px;align-items:center;padding:16px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.vid video{width:220px;flex:none;border-radius:10px;aspect-ratio:9/16;background:#000}
.vid p{margin-top:0!important;font-size:15px}
@media (max-width:560px){.vid{flex-direction:column;align-items:stretch}.vid video{width:100%;max-width:300px;margin:0 auto}}

/* règle */
.rule{margin-top:20px;border-radius:14px;border:1px solid var(--line);overflow:hidden}
.rule div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:12px 18px;border-top:1px solid var(--line);font-size:15px}
.rule div:first-child{border-top:0}
.rule dt{font:500 12px/1.9 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.rule dd{color:var(--t1)}
@media (max-width:560px){.rule div{grid-template-columns:1fr;gap:2px}}

/* tableau */
.tbl{margin-top:20px;overflow-x:auto;border-radius:14px;border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;font-size:15px}
caption{caption-side:bottom;text-align:left;padding:10px 16px 12px;font-size:13px;color:var(--t3)}
th,td{padding:9px 16px;text-align:right;border-top:1px solid var(--line);white-space:nowrap}
th:first-child,td:first-child{text-align:left}
thead th{border-top:0;font:500 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--t3);background:var(--card)}
td{font-family:var(--f-mono);font-variant-numeric:tabular-nums;color:var(--t2)}
td.pos{color:var(--pass)} td.neg{color:var(--fail)}
tfoot td{color:var(--white);font-weight:500;background:var(--card)}

/* encadrés */
.note{margin-top:24px;padding:18px 20px;border-radius:14px;background:rgba(216,169,59,.06);border:1px solid rgba(216,169,59,.28)}
.note p{margin-top:6px!important}
.note p:first-child{margin-top:0!important}
.cta{margin-top:56px;padding:28px;border-radius:18px;background:radial-gradient(120% 140% at 0% 0%,rgba(216,169,59,.12),transparent 60%),var(--panel);border:1px solid var(--line-2)}
.cta .k{font:500 12px var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.cta h2{margin-top:10px!important}
.cta p{color:var(--t2)}
.btn{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:13px 22px;border-radius:999px;background:var(--white);color:#000;font-weight:500;font-size:15px;text-decoration:none}
.btn:hover{background:#f1e7cf}

/* questions */
details{border-top:1px solid var(--line);padding:16px 0}
details:last-of-type{border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none;font-weight:500;color:var(--white);display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';font:400 20px/1 var(--f-mono);color:var(--t3)}
details[open] summary::after{content:'−'}
details p{margin-top:10px!important}
.faq{margin-top:20px}

.method{margin-top:48px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--t3)}
.method p{color:var(--t3)!important;font-size:14px}

/* liste des articles */
.hub{max-width:1120px;margin:0 auto;padding:56px var(--gut) 40px}
.hub h1{font-size:clamp(48px,8vw,88px)}
.hub .lead{max-width:640px;color:var(--t2)}
.cards{margin-top:44px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.card{display:flex;flex-direction:column;padding:24px;border-radius:18px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:inherit;transition:border-color .3s}
.card:hover{border-color:var(--line-2)}
.card .tag{font:500 11px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.card h2{margin-top:12px;font:400 28px/1.12 var(--f-serif);color:var(--white)}
.card p{margin-top:10px;font-size:15px;color:var(--t2)}
.card .big{margin-top:20px;font:500 34px/1 var(--f-mono);color:var(--fail)}
.card .big small{display:block;margin-top:6px;font:400 12px var(--f-sans);color:var(--t3)}
.card .go{margin-top:auto;padding-top:20px;font-size:14px;color:var(--t1)}

/* pied de page */
.foot{border-top:1px solid var(--line);margin-top:40px}
.foot .in{max-width:1120px;margin:0 auto;padding:28px var(--gut) 44px;font-size:13px;color:var(--t3)}
.foot nav{display:flex;flex-wrap:wrap;gap:18px;font-family:var(--f-mono);font-size:12px}
.foot nav a{color:var(--t2);text-decoration:none}
.foot p{margin-top:16px;max-width:820px;line-height:1.6}

/* téléphone : graphique dédié, tableau resserré */
.eq-s{display:none}
@media (max-width:560px){
  .eq-l{display:none}.eq-s{display:block}
  .chart{padding:14px 8px 6px}
  th,td{padding:8px 10px}
  th.opt,td.opt{display:none}
}