.tech-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 16px 0 32px;
}

.tech-card {
  border: 1px solid var(--border);
  padding: 16px;
}

.table-wrap {
  overflow-x: auto;
}

.compare {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0 32px;
  font-size: 14px;
}

.compare th,
.compare td {
  border: 1px solid var(--border);
  padding: 10px 12px;
  text-align: left;
}

.compare th {
  background: var(--bg-muted);
}

.check-list {
  margin: 0 0 28px;
}

.check-list li {
  margin-bottom: 8px;
}

@media (max-width: 1023px) {
  .tech-cards {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 767px) {
  .tech-cards {
    grid-template-columns: 1fr;
  }
}