/* =============================================================
   TechVistaar — Comparison pages (comparisons/*.html)
============================================================= */
.compare-picker{
  display:flex; align-items:center; gap:16px; margin-top:30px; flex-wrap:wrap;
}
.compare-picker select{
  border:1px solid var(--line); border-radius:10px; padding:12px 16px;
  font-family:'Inter'; font-size:14.5px; background:var(--panel); color:var(--ink); min-width:200px;
}
.compare-vs{ font-family:'Space Grotesk'; font-weight:700; color:var(--slate); }

.compare-table-wrap{ overflow-x:auto; margin-top:20px; }
.compare-table{ width:100%; border-collapse:collapse; background:var(--panel); border:1px solid var(--line); border-radius:16px; overflow:hidden; }
.compare-table th, .compare-table td{ padding:16px 20px; text-align:left; border-bottom:1px solid var(--line); font-size:14.5px; }
.compare-table th{ background:var(--panel-2); font-family:'Space Grotesk'; font-weight:600; }
.compare-table td:first-child{ color:var(--slate); font-size:13px; text-transform:uppercase; letter-spacing:.03em; white-space:nowrap; }
.compare-table tr:last-child td{ border-bottom:none; }

.compare-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:40px; }
@media (max-width:700px){ .compare-list{ grid-template-columns:1fr; } }
.compare-pair-card{
  background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:24px;
  display:flex; align-items:center; justify-content:space-between; gap:14px;
}
.compare-pair-card .names{ font-family:'Space Grotesk'; font-weight:600; font-size:15px; }