/* Meilleur du Meilleur — DA sobre, accent = Reddit orange #ff4500. Zero JS, system fonts. */
:root{
  --accent:#ff4500; --accent-dark:#cc3700;
  --ink:#241a15; --muted:#6b5d54; --line:#ece0d6;
  --bg:#fdf9f5; --card:#ffffff;
  --hi-bg:#e3f3ea; --hi-fg:#1b7f4b;
  --mid-bg:#fbeecb; --mid-fg:#e29a54;
  --lo-bg:#fbe4e0; --lo-fg:#c0392b;
  --link-hover:#1a5fb4;
  --w:52rem;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);
  font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
h1,h2,h3{font-family:inherit;line-height:1.25;color:var(--ink)}
h1{font-size:2rem;margin:.2em 0 .5em}
h2{font-size:1.35rem;margin:1.8em 0 .6em;padding-bottom:.25em;border-bottom:2px solid var(--line)}
h3{font-size:1.08rem;margin:1.4em 0 .3em}
a{color:inherit;text-decoration:none}
a:active{color:var(--link-hover)}   /* links match text; colour only on click */
small{color:var(--muted)}
img{max-width:100%;height:auto;border-radius:8px}

/* layout */
.site-header{background:var(--accent);color:#fff}
.site-header .wrap{max-width:var(--w);margin:0 auto;padding:.9rem 1.2rem;display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:.55rem}
.brand:hover{text-decoration:none}
.brand:hover .brand-name{color:#fff}
.logo-mark{flex:none;display:block}
.brand-name{font-family:inherit;font-weight:700;font-size:1.3rem;color:#fff;letter-spacing:.2px}
.site-header small{color:#ffe6dc}
.footer-nav{display:flex;flex-wrap:wrap;gap:.2rem;margin-bottom:.7rem}
.footer-nav a{color:var(--muted);font-size:.94rem;min-height:44px;display:inline-flex;align-items:center;margin-right:1rem}
.footer-nav a:active{color:var(--link-hover)}
.footer-brand{display:flex;align-items:center;gap:.5rem;margin:0}
.footer-brand-name{font-family:inherit;font-weight:700;color:var(--ink);font-size:1.05rem}
main{max-width:var(--w);margin:0 auto;padding:1.4rem 1.2rem 2rem}
footer{max-width:var(--w);margin:0 auto;padding:1.4rem 1.2rem 2.5rem;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}

/* hero note on a fiche */
.hero{background:var(--card);border:1px solid var(--line);
  border-radius:10px;padding:1rem 1.1rem;margin:.6rem 0 1.2rem}
.hero .big{font-size:1.05rem}

/* score notes — coloured text only, no pill background */
.badge{display:inline-block;font-weight:700;
  font-variant-numeric:tabular-nums;font-size:.95em;white-space:nowrap}
.badge-high{color:var(--ink)}
.badge-mid{color:var(--ink)}
.badge-low{color:var(--ink)}

/* tables */
table{border-collapse:collapse;width:100%;margin:1rem 0;background:var(--card);
  border:1px solid var(--line);border-radius:10px;overflow:hidden}
th,td{padding:.7rem .85rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);
  font-weight:700;border-bottom-width:2px;white-space:nowrap;vertical-align:bottom}
tbody tr:last-child td{border-bottom:0}
.rank-table td:first-child{color:var(--muted);width:2.2rem;text-align:center}

/* affiliate CTA */
.cta{display:inline-block;background:var(--accent);color:#fff;font-weight:600;
  padding:.55rem 1rem;border-radius:8px;margin:.3rem 0}
.cta:hover{background:var(--accent-dark);text-decoration:none;color:#fff}
.cta-alt{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}
.cta-alt:hover{background:var(--accent);color:#fff}

.offers{margin:1.1rem 0 1.4rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.offers-more{margin:.5rem 0 0;font-size:.95rem;color:var(--muted)}
.offers-note{margin:.35rem 0 0}

article p{margin:.7em 0}
.methodo{color:var(--muted);font-size:.92rem}

/* home hub */
.hero-home{padding:1.6rem 0 .3rem}
.hero-home h1{font-size:2.5rem;margin:.1em 0 .25em;letter-spacing:-.01em}
.lead{font-size:1.18rem;color:var(--muted);max-width:40rem;margin:.2em 0 0}
form.search{margin:1.3rem 0 .4rem;position:relative}
form.search input{width:100%;padding:.85rem 1rem;font-size:1.05rem;border:2px solid var(--line);
  border-radius:12px;background:#fff;color:var(--ink)}
form.search input:focus{outline:none;border-color:var(--accent)}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.1rem;margin:1.5rem 0 1rem}
.cat-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);
  border-radius:14px;overflow:hidden;color:var(--ink)}
.cat-card:hover{text-decoration:none}
.cat-card:active .cat-name{color:var(--link-hover)}
.cat-photo{display:block;height:8.6rem;background-repeat:no-repeat;background-position:center;background-size:auto 72%;background-color:transparent;border-bottom:0}
.cat-body{padding:.85rem .95rem;display:flex;flex-direction:column;gap:.12rem}
.cat-name{font-family:inherit;font-weight:700;font-size:1.12rem}
.cat-tag{color:var(--muted)}
.cat-live,.cat-soon{align-self:flex-start;margin-top:.4rem;font-size:.76rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.04em}
.cat-live{color:var(--hi-fg)}
.cat-soon{color:var(--muted)}
.no-hit{color:var(--muted);margin:1rem 0}

/* model page + ranking cards */
.crumbs{color:var(--muted);font-size:.9rem;margin:.2rem 0 .6rem}
.verdict{font-size:1.1rem;line-height:1.5;margin:1rem 0}
.tags{margin:.4rem 0}
.tag{display:inline-block;color:var(--muted);font-size:.9rem;font-weight:600}
.tags .tag + .tag::before{content:"·";margin:0 .5em;color:var(--line)}
.proscons{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin:1.2rem 0}
.proscons h2{margin-top:0}
.proscons ul{margin:.3rem 0;padding-left:1.1rem}
.proscons li{margin:.3rem 0}
.pros li::marker{content:"✓ ";color:var(--hi-fg)}
.cons li::marker{content:"✕ ";color:var(--lo-fg)}
.sources{list-style:none;padding:0;margin:.6rem 0}
.sources li{padding:.4rem 0;border-bottom:1px solid var(--line)}
.proof{color:var(--ink);font-size:1.02rem;margin:.2rem 0 1.2rem}
.proof strong{color:var(--ink)}
.reddit-word{color:#ff4500;font-weight:700}
.reddit-ico{vertical-align:-.18em;margin:0 .1em}
.proof-period{display:inline-block;margin-top:.25rem;font-size:.92rem}
.proof a.jump{text-decoration:none}
.proof a.jump strong{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.proof a.jump:active strong{color:var(--link-hover)}
/* "Voir plus" = native zero-JS <details>; collapsed by default so the page stays short */
.more-rank{margin:.2rem 0}
.more-rank > ol{margin-top:.9rem}
.more-rank summary{list-style:none;width:max-content;margin:.2rem auto 0;padding:.6rem 1.4rem;
  font-size:.95rem;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--line);
  border-radius:8px;cursor:pointer;min-height:44px;display:flex;align-items:center}
.more-rank summary::-webkit-details-marker{display:none}
.more-rank summary:hover{background:#faf6f2}
ol.rank{list-style:none;padding:0;margin:1.2rem 0;display:flex;flex-direction:column;gap:.9rem}
.rank-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem}
.rank-head{display:flex;align-items:center;gap:.7rem}
.rank-num{font-family:inherit;font-weight:700;font-size:1.3rem;color:var(--muted);min-width:1.4rem}
.rank-name{font-family:inherit;font-weight:700;font-size:1.2rem;flex:1}
.rank-pos{color:var(--muted);font-size:.92rem;margin:.5rem 0 .2rem}
.rank-verdict{margin:.2rem 0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rank-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}
.rank-actions .cta{margin:0}
.btn-outline{display:inline-flex;align-items:center;min-height:44px;padding:.4rem 1rem;font-weight:600;
  border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff}
.btn-outline:hover{background:#faf6f2;text-decoration:none;color:var(--ink)}
@media(max-width:34rem){.proscons{grid-template-columns:1fr}}

/* Podium — winner centred & raised, big product images (no bars/steps) */
.podium{display:flex;justify-content:center;align-items:flex-end;gap:1rem;margin:1.6rem 0 2rem}
.podium .step{flex:1 1 0;min-width:0;max-width:12rem;display:flex;flex-direction:column;
  align-items:center;gap:.45rem}
.podium .step1{max-width:14rem;margin-bottom:2.6rem}   /* gold: biggest + highest */
.podium .step2{margin-bottom:1.2rem}                    /* silver */
.podium .step3{margin-bottom:0}                         /* bronze */
.pod-img{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;
  background:transparent;border:0;border-radius:16px;padding:.7rem}
.pod-img img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;border-radius:0}
.podium .medal{font-size:1.6rem;line-height:1}
.podium .pod-name{font-family:inherit;font-weight:700;text-align:center;line-height:1.2}

/* "different bests" segment grid */
.seg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.8rem;margin:1rem 0}
.seg-card{height:100%;display:flex;flex-direction:column;gap:.22rem;background:var(--card);border:1px solid var(--line);
  border-radius:12px;padding:.85rem 1rem;color:var(--ink)}
.seg-card:hover{text-decoration:none}
.seg-card:active .seg-name{color:var(--link-hover)}
.seg-name{font-weight:700;font-family:inherit}
.seg-winner{color:var(--muted);font-size:.95rem;margin-top:auto}

/* product thumbnails across the listing (ranking, podium, segments) */
.rank-card.has-thumb{flex-direction:row;align-items:center;gap:.9rem}
.rank-thumb{flex:none;width:84px;height:84px;display:flex;align-items:center;justify-content:center;
  background:transparent;border:0;border-radius:10px;padding:.35rem}
.rank-thumb img{max-width:100%;max-height:100%;object-fit:contain;border-radius:0;mix-blend-mode:multiply}
.rank-body{flex:1;min-width:0}
.seg-thumb{display:flex;align-items:center;justify-content:center;height:5rem;margin-bottom:.35rem;
  background:transparent;border:0;border-radius:8px}
.seg-thumb img{max-height:4.4rem;max-width:78%;object-fit:contain;border-radius:0;mix-blend-mode:multiply}
@media(max-width:40rem){.rank-thumb{width:64px;height:64px}}
.related{list-style:none;padding:0;margin:1rem 0;display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.related-card{height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.45rem;
  background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem .8rem;color:var(--ink)}
.related-card:hover{text-decoration:none}
.related-card:active .related-name{color:var(--link-hover)}
.related-card .badge{margin-top:auto}
.related-thumb{display:flex;align-items:center;justify-content:center;height:6rem;width:100%}
.related-thumb img{max-height:5.6rem;max-width:82%;object-fit:contain;mix-blend-mode:multiply}
.related-name{font-weight:700;font-family:inherit}
@media(max-width:40rem){.related{grid-template-columns:1fr}}

/* ============ polish + responsive ============ */

/* packshot: détouré, contain sur tuile neutre, jamais croppé */
figure.packshot{margin:.4rem 0 1rem;background:transparent;border:0;
  border-radius:12px;padding:1rem;display:flex;justify-content:center;align-items:center;min-height:11rem}
figure.packshot img{width:auto;max-width:100%;max-height:15rem;object-fit:contain;border-radius:0;mix-blend-mode:multiply}

/* fiche header: packshot + note/CTA side by side (no more tall empty tile) */
.fiche-head{display:flex;flex-wrap:wrap;gap:1.1rem;align-items:stretch;margin:.4rem 0 1.1rem}
.fiche-head .packshot{flex:1 1 15rem;max-width:20rem;margin:0;min-height:12rem}
.fiche-head .packshot img{max-height:13rem}
.fiche-head-body{flex:1 1 16rem;min-width:0;display:flex;flex-direction:column;gap:.8rem;justify-content:center}
.fiche-head .hero{margin:0}
.fiche-head .offers{margin:0}

/* fiche summary card (TL;DR + note/rank + sentiment + pros/cons + footer) */
.summary{border:1px solid var(--line);border-radius:16px;background:var(--card);
  padding:1rem;margin:1rem 0 1.2rem;display:flex;flex-direction:column;gap:1rem}
.tldr{border:1px solid var(--line);border-radius:12px;padding:.85rem 1rem;margin:0;
  background:var(--card);line-height:1.5}
.sum-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.sum-card{border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;background:var(--card)}
.sum-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);
  font-weight:700;margin:0 0 .55rem}
.sum-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.7rem}
.sum-head .sum-label{margin:0}
.sum-note{font-family:inherit;font-weight:700;font-size:2.1rem;line-height:1;margin:.1rem 0 .3rem}
.sum-note span{font-size:1rem;color:var(--muted);font-family:inherit}
.sum-rankline{margin:.15rem 0;font-weight:600}
.sum-src{margin:.35rem 0 0;color:var(--muted);font-size:.92rem}
.sum-card ul{margin:.1rem 0 0;padding-left:1.2rem}
.sum-card li{margin:.3rem 0}
.sum-empty{color:var(--muted);margin:.2rem 0 0}
.summary .offers,.summary .best-for,.summary .sum-aspects{margin:0}
.sum-aspects table{margin:.3rem 0 0}
.sum-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.sent-how{font-size:.85rem;color:var(--muted);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
@media(max-width:38rem){.sum-grid{grid-template-columns:1fr}}

/* touch targets ≥44px + readable tap zones on phones */
.cta{min-height:44px;line-height:1.4;display:inline-flex;align-items:center}
.sources li a{display:inline-block;min-height:32px;padding:.15rem 0}

/* ranking card head wraps instead of squashing the score */
.rank-head{flex-wrap:wrap}
.rank-name{min-width:0}
.rank-head .badge{margin-left:auto}

/* keep any wide table from overflowing the viewport */
table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.hero,.rank-card,.seg-card,.cat-card{overflow-wrap:break-word}

/* podium never overflows on narrow screens */
.podium .step{min-width:0}
.podium .pod-name{font-size:.95rem;overflow-wrap:break-word;hyphens:auto}

/* "Idéal pour" one-liner on a model page */
.best-for{border-radius:8px;padding:.55rem 0;margin:.7rem 0;
  font-size:1rem;line-height:1.5}
.best-for strong{color:var(--hi-fg)}

/* homepage "how it works" trust band */
.how{margin:2.4rem 0 1rem;padding:1.6rem 1.4rem;background:var(--card);
  border:1px solid var(--line);border-radius:16px}
.how h2{margin-top:0;border:0;padding:0}
.steps{list-style:none;padding:0;margin:1rem 0 0;display:grid;
  grid-template-columns:repeat(3,1fr);gap:1.4rem}
.steps li{display:flex;gap:.8rem;align-items:flex-start}
.steps strong{font-family:inherit;font-size:1.05rem;display:block;margin-bottom:.2rem}
.steps p{margin:.15rem 0 0;color:var(--muted);font-size:.96rem;line-height:1.5}
.step-n{flex:none;width:2rem;height:2rem;border-radius:999px;background:var(--accent);color:#fff;
  font-weight:700;display:flex;align-items:center;justify-content:center;font-size:1.05rem}
.how-note{margin:1.4rem 0 0}
@media(max-width:40rem){.steps{grid-template-columns:1fr;gap:1rem}.how{padding:1.3rem 1.1rem}}

/* segment intro — evergreen "why this criterion matters" lead */
.seg-intro{font-size:1.1rem;line-height:1.55;color:var(--ink);margin:.6rem 0 .4rem;max-width:44rem}

/* FAQ accordion (native <details>, zero JS) */
.faq{margin:1rem 0}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:10px;
  margin:.55rem 0;padding:0 1rem}
.faq summary{cursor:pointer;font-weight:600;padding:.85rem 0;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent);font-weight:700;font-size:1.3rem;flex:none}
.faq details[open] summary::after{content:"–"}
.faq details[open] summary{border-bottom:1px solid var(--line)}
.faq details p{margin:.75rem 0;color:var(--muted)}

/* tablet / phone */
@media(max-width:40rem){
  body{font-size:16px}
  h1{font-size:1.7rem}
  h2{font-size:1.25rem}
  .hero-home h1{font-size:2rem}
  .lead{font-size:1.08rem}
  main{padding:1.1rem 1rem 2rem}
  .cat-grid{grid-template-columns:1fr 1fr;gap:.8rem}
  .cat-photo{height:7rem}
  .cat-name{font-size:1rem}
  .seg-grid{grid-template-columns:1fr}
  .podium{gap:.6rem}
  .podium .medal{font-size:1.4rem}
  .podium .step1{margin-bottom:1.6rem}
  .podium .step2{margin-bottom:.8rem}
}

/* small phone */
@media(max-width:26rem){
  .cat-grid{grid-template-columns:1fr}
  .hero-home h1{font-size:1.75rem}
}

/* stacked sentiment bar (positive/neutral/negative) — used on cards + fiche */
.sentbar{margin:.55rem 0 .1rem}
.sentbar-track{display:flex;height:.6rem;border-radius:999px;overflow:hidden;background:#efe7df}
.sentbar-track .seg{display:block;height:100%}
.sentbar-track .pos{background:var(--hi-fg)}
.sentbar-track .neu{background:var(--mid-fg)}
.sentbar-track .neg{background:var(--lo-fg)}
.sentbar-label{display:block;margin-top:.4rem;font-size:.9rem;color:var(--muted)}
.pos-pill{color:var(--hi-fg);font-weight:700;font-size:.92rem;white-space:nowrap}

/* sentiment score — 👍/😐/👎 counts as proportional bars (relative to the max) */
.sentiment{border:1px solid var(--line);border-radius:12px;background:var(--card);
  padding:1rem 1.1rem;margin:1rem 0 1.4rem}
.sentiment-head{display:flex;align-items:baseline;justify-content:space-between;
  gap:1rem;margin-bottom:.75rem}
.sentiment-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;
  color:var(--muted);font-weight:700}
.sentiment .how{font-size:.8rem;color:var(--muted)}
.sent-row{display:flex;align-items:center;gap:.6rem;margin:.4rem 0}
.sent-ico{width:1.4rem;text-align:center;flex:none;font-size:1rem;line-height:1}
.sent-n{width:2.7rem;text-align:right;flex:none;font-weight:700;
  font-variant-numeric:tabular-nums}
.sent-n.hi{color:var(--hi-fg)} .sent-n.mid{color:var(--mid-fg)} .sent-n.lo{color:var(--lo-fg)}
.sent-track{flex:1;height:.72rem;background:#efe7df;border-radius:999px;overflow:hidden}
.sent-fill{display:block;height:100%;border-radius:999px;min-width:.72rem}
.sent-fill.hi{background:var(--hi-fg)} .sent-fill.mid{background:var(--mid-fg)} .sent-fill.lo{background:var(--lo-fg)}

/* home lead — weekly-update line */
.lead-update{margin:.5rem 0 0;font-size:.95rem;color:var(--muted)}

/* --- Reddit reviews (RedditRecs-style cards) ------------------------------- */
.reviews{margin:2rem 0}
.reviews-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.4rem}
.reviews-tally{color:var(--muted);font-size:.9rem;margin:0}
.reviews-tally .rv-pos{color:var(--hi-fg)}
.reviews-tally .rv-neu{color:var(--mid-fg)}
.reviews-tally .rv-neg{color:var(--lo-fg)}
.reviews-filters{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;margin:.6rem 0 1rem}
.rv-chipset{display:flex;flex-wrap:wrap;gap:.35rem}
.rv-chip{font:inherit;font-size:.82rem;padding:.32rem .7rem;min-height:34px;
  border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer}
.rv-chip:hover{background:#faf6f2}
.rv-chip.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}
.reviews-list{list-style:none;padding:0;margin:0;display:grid;gap:.8rem}
.rv-card{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:.9rem 1rem}
.rv-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.rv-user{display:inline-flex;align-items:center;gap:.35rem;font-weight:700}
.rv-name{color:var(--ink)}
.rv-senti{font-size:1.1rem;line-height:1}
.rv-src{display:inline-block;margin:.3rem 0 0;font-size:.86rem;color:var(--muted)}
.rv-src:hover{color:var(--link-hover)}
.rv-date{display:block;font-size:.76rem;color:var(--muted);margin-top:.1rem}
.rv-body{white-space:pre-wrap;margin:.5rem 0 .2rem;line-height:1.5}
.rv-card.is-clamped .rv-body{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.rv-body mark{border-radius:3px;padding:0 .12em}
.rv-body mark.rr-pos{background:var(--hi-bg);color:var(--hi-fg)}
.rv-body mark.rr-neu{background:var(--mid-bg);color:var(--mid-fg)}
.rv-body mark.rr-neg{background:var(--lo-bg);color:var(--lo-fg)}
.rv-more{font:inherit;font-size:.82rem;color:var(--accent);background:0;border:0;padding:.15rem 0;cursor:pointer}
.rv-more:hover{color:var(--accent-dark)}
.rv-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}
.rv-tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);
  border:1px solid var(--line);border-radius:6px;padding:.1rem .4rem}
.rv-empty{color:var(--muted);font-style:italic}

/* "Voir les N autres discussions" — native <details>, no JS */
.sources-more{margin:.2rem 0 1rem}
.sources-more>summary{display:inline-block;cursor:pointer;font-size:.9rem;color:var(--accent);
  padding:.35rem 0;list-style:none}
.sources-more>summary::-webkit-details-marker{display:none}
.sources-more>summary:hover{color:var(--accent-dark)}
.sources-more>summary::before{content:"▸ "}
.sources-more[open]>summary::before{content:"▾ "}
.nowrap{white-space:nowrap}
.hero-home h1 .reddit-ico{width:.82em;height:.82em;vertical-align:-.08em;margin:0 .12em}
.brand-consensus{margin:.6rem 0 0;padding:.55rem 0 0;
  color:var(--muted);font-size:.88rem;line-height:1.45}
.brand-consensus strong{color:var(--fg)}
.mk-lead{color:var(--muted);font-size:.92rem;margin:.2rem 0 1rem;max-width:60ch}
.mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem;margin:0 0 1.5rem}
.mk-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem;
  border:1px solid var(--line);border-radius:12px;padding:.8rem .6rem;text-decoration:none;color:inherit;background:var(--card,transparent)}
.mk-thumb{height:64px;display:flex;align-items:center;justify-content:center}
.mk-thumb img{max-height:64px;width:auto;object-fit:contain}
.mk-name{font-weight:700}
.mk-pct{color:var(--hi-fg);font-weight:700;font-size:.9rem}
.mk-users{color:var(--muted);font-size:.8rem}
.brand-hero{color:var(--ink);font-size:1.02rem;margin:.3rem 0 1.2rem;max-width:62ch}
.back-link{margin-top:1.5rem}
.rv-showmore{display:block;margin:.6rem auto 0;background:none;border:0;cursor:pointer;
  font:inherit;font-size:.9rem;font-weight:600;color:var(--accent);padding:.4rem .2rem;min-height:44px}
.rv-showmore:hover{color:var(--accent-dark)}
.rv-showmore::before{content:"▸ "}