.sleuth-shell { width:min(1440px,calc(100% - 28px)); margin:0 auto; padding:22px 0 70px; }
.sleuth-hero { display:flex; justify-content:space-between; gap:18px; align-items:center; margin-bottom:10px; }
.sleuth-hero h1 { margin:0; font-size:clamp(1.55rem,4vw,2.2rem); }
.sleuth-hero p { margin:3px 0 0; color:var(--muted); font-size:.9rem; }
.sleuth-notice { padding:22px; border:1px solid #ffcc6655; border-radius:18px; background:#332914; }
.sleuth-partner-notice { margin:0 0 9px; padding:8px 11px; border:1px solid #7d87ff66; border-radius:10px; background:#6872ff12; color:#dce0ff; font-size:.72rem; font-weight:800; text-align:center; }

/* The progress rail stays deliberately shallow: the catalog is the game. */
.sleuth-status { display:grid; grid-template-columns:auto minmax(220px,1fr) auto; gap:14px; align-items:center; padding:9px 13px; border:1px solid var(--line); border-radius:14px; background:#12192a; box-shadow:0 10px 28px #0002; }
.remaining-block { display:grid; grid-template-columns:auto auto; align-items:center; gap:8px; white-space:nowrap; }
.remaining-block strong { color:var(--accent); font-family:var(--font-display); font-size:1.7rem; line-height:1; }
.remaining-block span { display:block; color:#d7dded; font-size:.62rem; font-weight:900; line-height:1; text-transform:uppercase; letter-spacing:.07em; }
.sleuth-progress-copy { display:flex; justify-content:space-between; gap:12px; color:var(--muted); font-size:.72rem; }
.sleuth-progress { height:5px; margin-top:5px; overflow:hidden; border-radius:999px; background:#090d19; }
.sleuth-progress span { display:block; width:100%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#50d9c5,#ffd166); transition:width .35s ease; }
.status-actions { display:flex; align-items:center; gap:10px; }
.picks-block { min-width:82px; padding:5px 10px; border:1px solid #596580; border-radius:10px; background:#1a2235; text-align:center; }
.picks-block strong,.picks-block span { display:block; }
.picks-block strong { color:#ffd166; font-family:var(--font-display); font-size:1.35rem; line-height:.9; }
.picks-block span { margin-top:3px; color:#e5e9f4; font-size:.53rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.sleuth-status .text-button { padding:4px 2px; font-size:.68rem; }

.sleuth-workspace { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:14px; align-items:start; margin-top:14px; }
.sleuth-catalog { position:relative; min-width:0; overflow:hidden; padding:14px; border:1px solid var(--line); border-radius:18px; background:#0e1424; }
.catalog-heading { display:flex; justify-content:space-between; gap:18px; align-items:end; }
.catalog-heading h2 { margin:0; font-size:1.2rem; }
.catalog-heading .hunt-kicker { font-size:.62rem; }
.sleuth-feature-guess { margin:11px 0; padding:12px; border:1px solid #596684; border-radius:15px; background:linear-gradient(135deg,#1a2339,#121a2c); }
.sleuth-feature-guess h3 { margin:1px 0 0; font-size:.9rem; }
.feature-intro { display:flex; align-items:end; justify-content:space-between; gap:14px; }
.feature-intro p { margin:0; color:var(--muted); font-size:.68rem; }
.feature-builder { display:grid; grid-template-columns:minmax(360px,1.3fr) minmax(180px,.72fr) auto; gap:8px; align-items:end; margin-top:10px; }
.feature-type-field { min-width:0; margin:0; padding:0; border:0; }
.feature-type-field legend,.feature-value-field > span { display:block; margin:0 0 5px; color:#c7d0e5; font-size:.58rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.feature-type-buttons { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
.feature-type-button { min-height:40px; padding:6px 8px; border:1px solid #46536f; border-radius:10px; background:#11182a; color:#cbd3e6; font-size:.68rem; font-weight:900; box-shadow:none; }
.feature-type-button:hover,.feature-type-button:focus-visible { transform:none; border-color:#ff8aac; background:#271b35; }
.feature-type-button.active { border-color:#ff779d; background:linear-gradient(135deg,#6c2c54,#44305f); color:#fff; box-shadow:0 0 0 2px #ff6f9922; }
.feature-type-button.is-resolved { position:relative; padding-right:25px; border-color:#46536f; background:#151b29; color:#7f899f; opacity:.68; box-shadow:none; }
.feature-type-button.is-resolved::after { content:'✓'; position:absolute; top:50%; right:8px; transform:translateY(-50%); color:#67dda0; font-size:.75rem; }
.feature-type-button.is-resolved:disabled { cursor:not-allowed; }
.feature-value-field { min-width:0; }
.sleuth-feature-guess select { width:100%; min-height:40px; font-size:.76rem; }
.sleuth-feature-guess .primary { min-height:40px; padding:7px 16px; }
.sleuth-feature-guess .primary:disabled { opacity:.46; cursor:not-allowed; filter:saturate(.35); box-shadow:none; }
.feature-question-preview { grid-column:1/-1; margin:0; padding:7px 9px; border-left:3px solid #ffd166; border-radius:6px; background:#ffd1660b; color:#f4e6b7; font-size:.7rem; font-weight:800; }
.exact-product-heading { display:flex; align-items:end; justify-content:space-between; margin-top:12px; }
.exact-product-heading .hunt-kicker { font-size:.57rem; }
.exact-product-heading span { color:var(--muted); font-size:.68rem; }
.sleuth-filters { display:block; margin:7px 0 12px; }
.sleuth-filters input,.sleuth-filters select { width:100%; min-height:40px; padding-top:7px; padding-bottom:7px; font-size:.78rem; }
.sleuth-products { display:grid; grid-template-columns:repeat(auto-fill,minmax(112px,1fr)); gap:7px; perspective:1100px; }
.sleuth-product { position:relative; min-width:0; padding:6px; border:1px solid var(--line); border-radius:11px; background:#151c2e; color:var(--text); text-align:left; transform-origin:50% 100%; transform-style:preserve-3d; transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease; }
.sleuth-product:hover { border-color:#ffd16699; background:#1c253b; transform:translateY(-3px) rotateX(1deg); box-shadow:0 9px 20px #0005; }
.sleuth-product:focus-visible { outline:3px solid #ffd166; outline-offset:2px; }
.sleuth-product.is-picked { border-color:#ffd166; transform:translateY(-6px) scale(1.025); box-shadow:0 0 0 3px #ffd16633,0 13px 26px #0006; }
.sleuth-product.is-picked::after { content:'✓'; position:absolute; top:7px; right:7px; display:grid; width:24px; height:24px; place-items:center; border:2px solid #101525; border-radius:50%; background:#ffd166; color:#151019; font-size:.8rem; font-weight:1000; box-shadow:0 4px 12px #0007; }
.sleuth-product:disabled { cursor:wait; }
.sleuth-product.is-survivor { z-index:2; animation:sleuth-survivor .72s var(--wave-delay,0ms) cubic-bezier(.2,.9,.25,1) both; border-color:#55e08aaa; will-change:transform,opacity; }
.sleuth-product.is-eliminated { pointer-events:none; animation:sleuth-collapse-away .7s var(--wave-delay,0ms) cubic-bezier(.5,.02,.78,.3) both; will-change:transform,opacity; }
@keyframes sleuth-survivor { 0%,100% { transform:translateY(0) scale(1); } 42% { transform:translateY(-6px) scale(1.035); box-shadow:0 0 0 4px #55e08a33,0 12px 24px #0005; } }
@keyframes sleuth-collapse-away {
  0% { opacity:1; clip-path:polygon(0 0,100% 0,100% 100%,0 100%); transform:translateY(0) scale(1); filter:saturate(1); }
  24% { opacity:1; clip-path:polygon(0 7%,18% 0,50% 6%,82% 0,100% 7%,100% 93%,82% 100%,50% 94%,18% 100%,0 93%); transform:translateY(2px) scale(1.04,.9); }
  58% { opacity:.82; clip-path:polygon(0 24%,18% 15%,50% 23%,82% 15%,100% 24%,100% 76%,82% 85%,50% 77%,18% 85%,0 76%); transform:translateY(9px) scale(.88,.5); filter:saturate(.45); }
  100% { opacity:0; clip-path:polygon(0 46%,18% 42%,50% 47%,82% 42%,100% 46%,100% 54%,82% 58%,50% 53%,18% 58%,0 54%); transform:translateY(23px) scale(.24,.08); filter:saturate(0) blur(2px); }
}
.sleuth-decision-wave { position:absolute; z-index:8; inset:0; width:100%; height:100%; pointer-events:none; }
.decision-wave-wash { fill:#50d9c5; }
.decision-wave-ring { fill:none; stroke:#ffd166; stroke-width:18; vector-effect:non-scaling-stroke; }
.sleuth-product img { display:block; width:100%; aspect-ratio:1; object-fit:contain; padding:3px; border-radius:8px; background:#fff; }
.sleuth-product .product-brand,.sleuth-product .product-name,.sleuth-product .product-category { display:block; overflow:hidden; text-overflow:ellipsis; }
.sleuth-product .product-brand { margin-top:5px; color:var(--accent); font-size:.55rem; font-weight:900; text-transform:uppercase; letter-spacing:.04em; white-space:nowrap; }
.sleuth-product .product-name { display:-webkit-box; min-height:2.15em; margin-top:1px; overflow:hidden; font-size:.68rem; line-height:1.08; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.sleuth-product .product-category { margin-top:3px; color:var(--muted); font-size:.56rem; white-space:nowrap; }
.sleuth-empty { grid-column:1/-1; padding:28px; border:1px dashed var(--line); border-radius:12px; color:var(--muted); text-align:center; }
.sleuth-action-status { margin:0 0 10px; padding:8px 10px; border:1px solid #ff657e66; border-radius:9px; color:#ffdfe5; background:#2c1720; font-size:.76rem; }
.sleuth-pages { display:flex; justify-content:center; align-items:center; gap:10px; margin-top:12px; }
.sleuth-pages .ghost { min-height:34px; padding:6px 10px; font-size:.7rem; }
.sleuth-catalog.is-complete .sleuth-filters,.sleuth-catalog.is-complete .sleuth-pages { display:none; }

/* Evidence lives beside the shelf on wide screens instead of pushing it down. */
.sleuth-insight-panel { position:sticky; top:12px; max-height:calc(100vh - 24px); overflow-x:hidden; overflow-y:auto; border:1px solid var(--line); border-radius:18px; background:#11182a; box-shadow:0 14px 35px #0003; }
.mobile-evidence-toggle { display:none; }
.sleuth-attempts-section { padding:13px; }
.insight-heading { display:flex; align-items:start; justify-content:space-between; gap:8px; }
.insight-heading h2 { margin:0; font-size:1.12rem; }
.insight-heading .hunt-kicker { font-size:.59rem; }
.insight-empty { margin:12px 0; padding:13px; border:1px dashed #46506a; border-radius:11px; color:var(--muted); font-size:.76rem; line-height:1.35; }
.match-legend { display:flex; gap:6px; margin:10px 0; }
.match-legend span { flex:1; padding:4px 6px; border-radius:7px; font-size:.61rem; font-weight:900; text-align:center; text-transform:uppercase; }
.match-legend span:first-child { color:#9bf0bc; background:#143225; }
.match-legend span:last-child { color:#ffc0cb; background:#2c1720; }
.sleuth-case-file { display:grid; gap:8px; margin:10px 0; padding:9px; border:1px solid #39445e; border-radius:10px; background:#0d1322; }
.sleuth-case-file > div > b { display:block; margin-bottom:4px; color:#cbd4ea; font-size:.56rem; letter-spacing:.09em; text-transform:uppercase; }
.case-chips { display:flex; flex-wrap:wrap; gap:4px; }
.case-chips span { padding:4px 6px; border-radius:7px; font-size:.57rem; font-weight:800; line-height:1.15; }
.case-chips.known span { border:1px solid #55e08a66; background:#143225; color:#caffdc; }
.case-chips.ruled-out span { border:1px solid #ff657e55; background:#2c1720; color:#ffd5dc; }
.sleuth-attempts { display:grid; gap:8px; }
.sleuth-attempt { overflow:hidden; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.03); transition:border-color .2s ease,background .2s ease; }
.feature-attempt,.product-attempt { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; min-height:58px; padding:8px; }
.feature-attempt { grid-template-columns:34px minmax(0,1fr) auto; }
.feature-answer { display:grid; width:32px; height:32px; place-items:center; border-radius:9px; font-size:1rem; font-weight:1000; }
.feature-copy { min-width:0; }
.feature-copy small,.feature-copy b,.feature-copy em { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.feature-copy small { color:var(--muted); font-size:.55rem; font-weight:900; text-transform:uppercase; }
.feature-copy b { font-size:.72rem; }
.feature-copy em { margin-top:2px; font-size:.54rem; font-style:normal; font-weight:900; }
.feature-yes { border-color:#55e08a66; background:#143225; }
.feature-yes .feature-answer { background:#2fcf6c; color:#07170e; }
.feature-yes .feature-copy em { color:#9bf0bc; }
.feature-no { border-color:#ff657e55; background:#2c1720; }
.feature-no .feature-answer { background:#b82f4b; color:#fff; }
.feature-no .feature-copy em { color:#ffc0cb; }
.product-wrong { border-color:#ff657e55; }
.product-correct { border-color:#55e08a66; background:#143225; }
.sleuth-attempt.is-expanded { border-color:#4d5874; background:rgba(255,255,255,.045); }
.attempt-toggle { display:grid; grid-template-columns:minmax(0,1fr) auto 14px; gap:7px; align-items:center; width:100%; min-height:58px; padding:8px; border:0; border-radius:0; background:transparent; color:inherit; text-align:left; box-shadow:none; }
.attempt-toggle:hover { transform:none; background:rgba(255,255,255,.035); }
.attempt-toggle:focus-visible { outline:2px solid #8b94ff; outline-offset:-3px; }
.attempt-product { min-width:0; display:flex; align-items:center; gap:7px; }
.attempt-product img { width:42px; height:42px; flex:none; object-fit:contain; padding:2px; border-radius:8px; background:#fff; }
.attempt-product-copy { min-width:0; }
.attempt-product b,.attempt-product span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.attempt-product span { color:var(--muted); font-size:.61rem; }
.attempt-product b { color:var(--text); font-size:.7rem; }
.attempt-product small { display:flex; gap:5px; margin-top:3px; }
.attempt-product small i { padding:2px 4px; border-radius:5px; font-size:.48rem; font-style:normal; font-weight:900; line-height:1; }
.attempt-product .match-count { color:#9bf0bc; background:#143225; }
.attempt-product .different-count { color:#ffc0cb; background:#2c1720; }
.attempt-facts { display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:0 8px 8px; }
.attempt-facts[hidden] { display:none; }
.fact-result { min-width:0; padding:5px 6px; border:1px solid var(--line); border-radius:7px; background:#111728; }
.fact-result:last-child { grid-column:1/-1; }
.fact-result b,.fact-result span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fact-result b { font-size:.52rem; text-transform:uppercase; letter-spacing:.03em; }
.fact-result span { font-size:.59rem; }
.fact-result.match { border-color:#55e08a88; background:#143225; color:#eafff2; }
.fact-result.different { border-color:#ff657e66; background:#2c1720; color:#ffdfe5; }
.new-attempt .fact-result.match { animation:fact-match-pop .5s cubic-bezier(.2,.9,.25,1) both; }
.new-attempt .fact-result.different { animation:fact-different-flip .5s ease both; }
.new-attempt .fact-result:nth-child(2) { animation-delay:70ms; }
.new-attempt .fact-result:nth-child(3) { animation-delay:140ms; }
.new-attempt .fact-result:nth-child(4) { animation-delay:210ms; }
.new-attempt .fact-result:nth-child(5) { animation-delay:280ms; }
@keyframes fact-match-pop { 0% { opacity:0; transform:scale(.72); } 70% { transform:scale(1.07); } 100% { opacity:1; transform:scale(1); } }
@keyframes fact-different-flip { 0% { opacity:0; transform:rotateX(80deg); } 100% { opacity:1; transform:rotateX(0); } }
.attempt-remaining { min-width:34px; color:var(--accent); text-align:center; }
.attempt-remaining b,.attempt-remaining span { display:block; }
.attempt-remaining b { font-size:1.05rem; line-height:1; }
.attempt-remaining span { color:var(--muted); font-size:.5rem; font-weight:900; text-transform:uppercase; }
.attempt-chevron { width:8px; height:8px; border-right:2px solid #9aa6c2; border-bottom:2px solid #9aa6c2; transform:rotate(45deg) translateY(-2px); transition:transform .2s ease; }
.is-expanded .attempt-chevron { transform:rotate(225deg) translate(-1px,-1px); }

.sleuth-complete-inline { grid-column:1/-1; margin-top:10px; padding:14px; border:1px solid #55e08a88; border-radius:16px; background:linear-gradient(135deg,#143b2a,#102d23); box-shadow:inset 5px 0 #55e08a,0 12px 30px #02070d33; }
.sleuth-complete-product { display:grid; grid-template-columns:92px minmax(0,1fr) auto; gap:14px; align-items:center; }
.sleuth-complete-product > img { width:92px; height:92px; object-fit:contain; padding:6px; border-radius:11px; background:#fff; }
.sleuth-complete-copy { min-width:0; }
.sleuth-complete-copy span,.sleuth-complete-copy small,.sleuth-complete-copy b { display:block; }
.sleuth-complete-copy .outcome-label { color:#7aeaae; font-size:.68rem; font-weight:900; text-transform:uppercase; letter-spacing:.07em; }
.sleuth-complete-copy small { margin-top:5px; color:#bde8ce; font-size:.62rem; font-weight:900; text-transform:uppercase; }
.sleuth-complete-copy b { margin-top:2px; font-family:var(--font-display); font-size:1.2rem; line-height:1.15; }
.sleuth-complete-copy p { margin:5px 0 0; color:#d8f5e5; font-size:.76rem; }
.sleuth-inline-share { min-width:142px; min-height:42px; padding:8px 14px; white-space:nowrap; }
.sleuth-inline-share span { display:inline; margin-right:5px; }
.sleuth-complete-commerce { margin-top:13px; padding:13px; border:1px solid rgba(125,135,255,.62); border-radius:13px; background:linear-gradient(135deg,rgba(70,80,158,.3),rgba(30,38,69,.72)); box-shadow:inset 4px 0 #7d87ff; text-align:left; }
.sponsor-disclosure { color:#b9c0ff; font-size:.64rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.sponsor-reveal-copy { display:flex; align-items:center; gap:9px; }
.sponsor-reveal-copy img { width:42px; height:42px; flex:none; object-fit:contain; padding:4px; border-radius:8px; background:#fff; }
.sponsor-reveal-copy p { margin:7px 0; color:#e4e7f7; font-size:.82rem; }
.affiliate-note { margin:7px 0; color:#c9d1e5; font-size:.72rem; }
.sponsor-buy-links { display:flex; flex-wrap:wrap; gap:7px; margin-top:7px; }
.sponsor-buy-option { display:flex; flex-wrap:wrap; gap:6px; }
.sponsor-buy-links a,.sponsor-buy-links button { display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:7px 11px; border:1px solid rgba(139,148,255,.72); border-radius:10px; background:#293153; color:#f4f5ff; font-size:.75rem; font-weight:900; text-decoration:none; cursor:pointer; }
.sponsor-buy-links a:hover,.sponsor-buy-links button:hover { border-color:#a8afff; background:#353e68; }
.sleuth-complete-inline.is-sponsored { border-color:rgba(125,135,255,.72); box-shadow:inset 5px 0 #7d87ff,0 12px 30px #02070d33; }
.sleuth-catalog.is-complete .sleuth-feature-guess,
.sleuth-catalog.is-complete .exact-product-heading,
.sleuth-catalog.is-complete .sleuth-filters,
.sleuth-catalog.is-complete .sleuth-action-status,
.sleuth-catalog.is-complete .sleuth-pages { display:none; }
.sleuth-ad-slot { width:100%; max-width:none; margin-top:18px; padding:0; }

@media (prefers-reduced-motion:reduce) {
  .sleuth-product,.sleuth-progress span { transition:none; }
  .sleuth-product.is-survivor,.sleuth-product.is-eliminated,.new-attempt .fact-result { animation-duration:1ms; animation-delay:0ms; }
}

@media (max-width:900px) {
  .sleuth-workspace { grid-template-columns:minmax(0,1fr) 270px; }
  .sleuth-products { grid-template-columns:repeat(auto-fill,minmax(104px,1fr)); }
}

@media (min-width:721px) and (max-width:1000px) {
  .feature-intro { display:block; }
  .feature-intro p { margin-top:2px; }
  .feature-builder { grid-template-columns:minmax(0,1fr) auto; }
  .feature-type-field,.feature-question-preview { grid-column:1/-1; }
}

@media (max-width:720px) {
  .sleuth-shell { width:min(100% - 14px,1440px); padding-top:12px; }
  .sleuth-hero { gap:8px; margin-bottom:7px; }
  .sleuth-hero > .hunt-kicker { font-size:.57rem; }
  .sleuth-status { grid-template-columns:auto 1fr auto; gap:8px; padding:7px 9px; border-radius:11px; }
  .remaining-block { gap:4px; }
  .remaining-block strong { font-size:1.35rem; }
  .remaining-block span { max-width:54px; font-size:.48rem; line-height:1.08; white-space:normal; }
  .sleuth-progress-copy span { display:none; }
  .sleuth-progress-copy { justify-content:flex-end; }
  .sleuth-status .text-button { display:none; }
  .status-actions { gap:0; }
  .picks-block { min-width:68px; padding:5px 7px; }
  .picks-block strong { font-size:1.16rem; }
  .picks-block span { font-size:.46rem; }
  .sleuth-workspace { display:block; margin-top:8px; }
  .sleuth-catalog { padding:9px; border-radius:14px; }
  .catalog-heading h2 { font-size:1.05rem; }
  #catalogResultCount { display:none; }
  .sleuth-feature-guess { padding:9px; }
  .sleuth-feature-guess h3 { font-size:.78rem; }
  .feature-intro { display:block; }
  .feature-intro p { margin-top:2px; font-size:.62rem; }
  .feature-builder { grid-template-columns:minmax(0,1fr); gap:7px; margin-top:8px; }
  .feature-type-buttons { grid-template-columns:1fr 1fr; }
  .feature-type-button { min-height:38px; font-size:.7rem; }
  .sleuth-feature-guess .primary { width:100%; min-height:38px; padding:6px 12px; }
  .feature-question-preview { grid-column:auto; font-size:.66rem; }
  .exact-product-heading span { font-size:.61rem; }
  .sleuth-filters { margin:6px 0 8px; }
  .sleuth-filters input,.sleuth-filters select { min-height:36px; font-size:.72rem; }
  .sleuth-products { grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
  .sleuth-product { padding:4px; border-radius:9px; }
  .sleuth-product img { border-radius:6px; }
  .sleuth-product .product-brand { margin-top:4px; font-size:.49rem; }
  .sleuth-product .product-name { min-height:2.08em; font-size:.61rem; }
  .sleuth-product .product-category { font-size:.5rem; }
  .sleuth-insight-panel { display:none; }
  body.sleuth-has-feedback { padding-bottom:82px; }
  body.sleuth-has-feedback .sleuth-insight-panel { display:block; position:fixed; z-index:40; right:7px; bottom:7px; left:7px; top:auto; max-height:none; overflow:visible; border:1px solid #ff789c; border-radius:16px; background:linear-gradient(135deg,#3b1f50,#202b5a); box-shadow:0 -12px 38px #02040ae8,0 0 0 1px #ff789c22; }
  body.sleuth-has-feedback .sleuth-insight-panel.latest-positive { border-color:#61e59a; background:linear-gradient(135deg,#183f35,#24335f); }
  .mobile-evidence-toggle { display:grid; grid-template-columns:34px minmax(0,1fr) auto 12px; align-items:center; gap:8px; width:100%; min-height:62px; padding:8px 10px; border:0; border-radius:15px; background:transparent; color:#fff; text-align:left; box-shadow:none; }
  .mobile-evidence-toggle:hover { transform:none; background:#ffffff0a; }
  .mobile-evidence-icon { display:grid; width:32px; height:32px; place-items:center; border-radius:10px; background:#d43d69; color:#fff; font-size:1rem; font-weight:1000; }
  .latest-positive .mobile-evidence-icon { background:#35c978; color:#092417; }
  .mobile-evidence-copy { min-width:0; }
  .mobile-evidence-copy small,.mobile-evidence-copy b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .mobile-evidence-copy small { color:#ffc8d7; font-size:.52rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
  .latest-positive .mobile-evidence-copy small { color:#a9f4c8; }
  .mobile-evidence-copy b { font-size:.69rem; }
  .mobile-evidence-count { color:#ffd166; font-size:.58rem; font-weight:900; white-space:nowrap; }
  .mobile-evidence-chevron { width:8px; height:8px; border-right:2px solid #ffd8e3; border-bottom:2px solid #ffd8e3; transform:rotate(225deg); transition:transform .2s ease; }
  .is-mobile-expanded .mobile-evidence-chevron { transform:rotate(45deg); }
  .sleuth-attempts-section { display:none; max-height:min(52dvh,440px); overflow:auto; padding:0 9px 9px; border-top:1px solid #ffffff24; }
  .is-mobile-expanded .sleuth-attempts-section { display:block; }
  .insight-heading { display:none; }
  .match-legend,.insight-empty,.sleuth-case-file { display:none !important; }
  .sleuth-attempts { margin-top:0; }
  .sleuth-attempts { gap:5px; }
  .feature-attempt,.product-attempt { min-height:52px; padding:6px; }
  .feature-attempt { grid-template-columns:30px minmax(0,1fr) 38px; }
  .feature-answer { width:28px; height:28px; }
  .attempt-product img { width:38px; height:38px; }
  .attempt-product span { font-size:.6rem; }
  .attempt-product b { font-size:.72rem; }
  .attempt-facts { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; padding:0 6px 6px; }
  .attempt-facts[hidden] { display:none; }
  .fact-result,.fact-result:last-child { grid-column:auto; min-height:37px; padding:5px 3px; text-align:center; }
  .fact-result b { font-size:0; }
  .fact-result b::first-letter { font-size:.8rem; }
  .fact-result span { font-size:.62rem; line-height:1.12; white-space:normal; }
  .attempt-remaining { min-width:38px; }
  .attempt-remaining b { font-size:.96rem; }
  .attempt-remaining span { font-size:.54rem; }
  .sleuth-complete-inline { padding:10px; }
  .sleuth-complete-product { grid-template-columns:72px minmax(0,1fr); gap:10px; }
  .sleuth-complete-product > img { width:72px; height:72px; }
  .sleuth-complete-copy b { font-size:1rem; }
  .sleuth-complete-copy p { font-size:.66rem; }
  .sleuth-inline-share { grid-column:1/-1; width:100%; min-height:40px; }
  .sleuth-complete-commerce { margin-top:10px; padding:10px; }
  .sponsor-buy-links { display:grid; grid-template-columns:1fr; }
  .sponsor-buy-option { display:grid; grid-template-columns:1fr; }
  .sponsor-buy-links a,.sponsor-buy-links button { width:100%; }
}

@media (max-width:480px) {
  .sleuth-products { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  .sleuth-product { padding:6px; }
  .sleuth-product .product-brand { font-size:.58rem; }
  .sleuth-product .product-name { min-height:2.2em; font-size:.73rem; }
  .sleuth-product .product-category { font-size:.57rem; }
  body.sleuth-has-feedback { padding-bottom:82px; }
  .fact-result b { font-size:.49rem; }
  .fact-result b::first-letter { font-size:inherit; }
  .fact-result span { font-size:.65rem; }
}
