/* Test Bench homepage — gamingreviewguide.com (leaderboard / benchmark) */
.tb-home{
  --bg:#0B0F0E; --alt:#0F1513; --surf:#161D1A; --surf2:#1E2723;
  --bd:#26302B; --bd2:#37443D; --tx:#F3F6F4; --mut:#9DB0A7; --sub:#6B7C73;
  --green:#22C55E; --green2:#34d77a; --blue:#3B82F6; --gold:#FACC15; --red:#EF4444;
  background:var(--bg); color:var(--tx); line-height:1.55;
}
.tb-home *{box-sizing:border-box}
.tb-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.tb-section{padding:54px 0;border-top:1px solid var(--bd)}
.tb-alt{background:var(--alt)}
.tb-sec-head{margin-bottom:24px}
.tb-sec-head h2{font-size:clamp(22px,3vw,30px);margin:0 0 6px;font-weight:800;letter-spacing:-.02em}
.tb-sec-head p{margin:0;color:var(--mut);font-size:15px}

/* hero */
.tb-hero{padding:66px 0 50px;background:radial-gradient(900px 380px at 80% -10%,rgba(34,197,94,.18),transparent 70%),linear-gradient(180deg,#0B0F0E,#0F1513)}
.tb-eyebrow{margin:0 0 10px;color:var(--green2);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.tb-h1{font-size:clamp(28px,5vw,50px);line-height:1.06;margin:0 0 14px;font-weight:900;letter-spacing:-.03em}
.tb-sub{max-width:680px;color:var(--mut);font-size:clamp(15px,2vw,18px);margin:0 0 22px}
.tb-hero-meta{display:flex;gap:26px;flex-wrap:wrap}
.tb-hero-meta span{color:var(--mut);font-size:14px}
.tb-hero-meta b{color:var(--green2);font-size:20px;display:inline-block;margin-right:4px}

/* leaderboard */
.tb-board{border:1px solid var(--bd);border-radius:14px;overflow:hidden;background:var(--surf)}
.tb-board-head,.tb-row{display:grid;grid-template-columns:46px 1fr 90px 86px 86px 150px;align-items:center;gap:8px}
.tb-board-head{background:var(--surf2);padding:12px 16px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);font-weight:700}
.tb-col-sort{background:none;border:0;color:var(--mut);font:inherit;font-weight:700;cursor:pointer;text-align:left;padding:0}
.tb-col-sort.is-active{color:var(--green2)}
.tb-row{padding:12px 16px;border-top:1px solid var(--bd);transition:.14s}
.tb-row:hover{background:var(--surf2)}
.tb-rank{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--surf2);font-weight:800;font-size:14px}
.tb-row:nth-child(1) .tb-rank{background:linear-gradient(135deg,#FACC15,#f59e0b);color:#1a1a1a}
.tb-row:nth-child(2) .tb-rank{background:#C0C7CE;color:#1a1a1a}
.tb-row:nth-child(3) .tb-rank{background:#CD7F32;color:#1a1a1a}
.tb-col-prod{display:flex;align-items:center;gap:12px;min-width:0}
.tb-col-prod img{width:50px;height:50px;object-fit:contain;background:#fff;border-radius:8px;padding:4px;flex:none}
.tb-prod-txt{min-width:0}
.tb-prod-txt em{display:block;color:var(--green2);font-size:11px;font-weight:700;text-transform:uppercase;font-style:normal}
.tb-prod-txt b{font-size:14px;font-weight:700;line-height:1.3;display:block;overflow:hidden}
.tb-cell{font-size:14px;color:var(--tx)}
.tb-scorebadge{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:30px;border-radius:8px;background:rgba(34,197,94,.16);color:var(--green2);font-weight:800;font-size:15px}
.tb-col-act{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.tb-link{color:var(--mut);font-size:13px;font-weight:700;text-decoration:none;align-self:center}
.tb-link:hover{color:var(--tx)}
.tb-btn{background:linear-gradient(135deg,var(--green),var(--green2));color:#06210f;font-weight:800;font-size:13px;padding:7px 13px;border-radius:8px;text-decoration:none}
.tb-btn:hover{filter:brightness(1.08)}
.tb-fine{margin-top:16px;color:var(--sub);font-size:12px}

/* compare face-off */
.tb-cmp{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:start}
.tb-cmp-slot{position:relative;background:var(--surf);border:1px solid var(--bd);border-radius:14px;padding:14px}
.tb-cmp-search{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--bd2);background:var(--bg);color:var(--tx);font-size:14px}
.tb-cmp-search:focus{outline:0;border-color:var(--green2)}
.tb-cmp-list{position:absolute;left:14px;right:14px;top:58px;z-index:20;background:var(--surf2);border:1px solid var(--bd2);border-radius:10px;max-height:260px;overflow:auto;box-shadow:0 16px 40px rgba(0,0,0,.55)}
.tb-cmp-opt{padding:9px 12px;cursor:pointer;font-size:13.5px;border-bottom:1px solid var(--bd)}
.tb-cmp-opt:hover{background:var(--green);color:#06210f}
.tb-cmp-vs{align-self:center;font-weight:900;color:var(--gold);font-size:20px}
.tb-cc{text-align:center}
.tb-cc img{height:120px;object-fit:contain;background:#fff;border-radius:10px;padding:8px;width:100%}
.tb-cc-t{font-weight:700;font-size:14px;margin:8px 0 4px}
.tb-cc-meta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;font-size:13px;color:var(--mut)}
.tb-cmp-chosen:not(:empty){margin-top:12px}
.tb-cmp-table{margin-top:22px;overflow:auto;border:1px solid var(--bd);border-radius:14px}
.tb-cmp-table table{width:100%;border-collapse:collapse;font-size:13.5px}
.tb-cmp-table th,.tb-cmp-table td{padding:11px 14px;border-bottom:1px solid var(--bd);text-align:left;vertical-align:top}
.tb-cmp-table thead th{background:var(--surf2);font-weight:800}
.tb-cmp-table th:first-child{color:var(--mut);width:28%;font-weight:700}
.tb-win{color:var(--green2);position:relative}
.tb-win::after{content:' ✓';color:var(--green2)}
.tb-cmp-table tr:last-child td,.tb-cmp-table tr:last-child th{border-bottom:0}

/* latest verdicts */
.tb-latest{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.tb-verdict{display:flex;gap:14px;align-items:center;background:var(--surf);border:1px solid var(--bd);border-radius:13px;padding:12px;text-decoration:none;color:var(--tx);transition:.16s}
.tb-verdict:hover{border-color:var(--green2);transform:translateY(-2px)}
.tb-verdict-img{width:74px;height:60px;border-radius:9px;background:var(--surf2) center/cover;flex:none}
.tb-verdict-body b{display:block;font-size:14px;font-weight:700;line-height:1.35;margin-bottom:6px}
.tb-verdict-go{color:var(--green2);font-size:13px;font-weight:700}

/* methodology + chips */
.tb-method-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:start}
.tb-method h2{margin:0 0 8px;font-size:24px;font-weight:800}
.tb-method p{margin:0;color:var(--mut);font-size:15px}
.tb-cat-strip{display:flex;flex-wrap:wrap;gap:9px}
.tb-chip{background:var(--surf);border:1px solid var(--bd);border-radius:99px;padding:8px 14px;text-decoration:none;color:var(--tx);font-size:13.5px;font-weight:600;transition:.14s}
.tb-chip:hover{border-color:var(--green2);background:var(--surf2)}
.tb-chip span{color:var(--sub);font-size:12px}

@media(max-width:760px){
  .tb-board-head{display:none}
  .tb-row{grid-template-columns:36px 1fr auto;grid-auto-rows:auto;row-gap:6px}
  .tb-row .tb-cell{grid-column:2/4;justify-self:start;display:inline-flex;gap:8px;color:var(--mut);font-size:12.5px}
  .tb-col-act{grid-column:2/4;justify-content:flex-start}
  .tb-method-wrap{grid-template-columns:1fr}
  .tb-cmp{grid-template-columns:1fr}.tb-cmp-vs{justify-self:center}
}