/* vs-scorpion.css — extends vs-competitor.css with 4-col table layout */
/* Uses .vsc- prefixed classes for scoped overrides */

.vsc-compare .vs-table {
  display: grid;
  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden;
  background: var(--pearl);
}

.vsc-compare .vs-table-head,
.vsc-compare .vs-table-body { display: contents; }

.vsc-compare .vs-table-row {
  display: grid;
  grid-template-columns: 170px 1fr 1fr 1fr;
  border-bottom: 1px solid var(--border-lt);
}

.vsc-compare .vs-table-row:last-child { border-bottom: none; }

.vsc-compare .vs-table-row--header {
  background: var(--pearl-dd);
  font-weight: 700;
}

.vsc-compare .vs-cell {
  padding: 16px 18px;
  font-size: 13px;
  line-height: 1.6;
  color: var(--ink-lt);
  border-right: 1px solid var(--border-lt);
  vertical-align: top;
}

.vsc-compare .vs-cell:last-child { border-right: none; }

.vsc-compare .vs-cell--label {
  font-weight: 600;
  color: var(--ink);
  background: var(--pearl-d);
  font-size: 12px;
}

.vsc-compare .vs-cell--rogolook {
  background: var(--gold-bg);
  border-right: 1px solid rgba(201, 169, 97, 0.25);
}

.vsc-compare .vs-table-row--header .vs-cell--rogolook {
  background: var(--gold-bg-strong);
}

@media (max-width: 900px) {
  .vsc-compare .vs-table { display: none; }
}