/* comparison styles */

/* ─── Comparison ─── */
.comp-table-wrap {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow);
  max-width: 1100px;
  margin: 0 auto;
}
.comp-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.comp-table thead { background: var(--bg-soft); }
.comp-table th, .comp-table td {
  padding: 18px 20px;
  text-align: center;
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
}
.comp-table th { font-family: var(--font-head); font-weight: 700; color: var(--ink); font-size: 13px; letter-spacing: -0.01em; }
.comp-table th.us, .comp-table td.us {
  background: linear-gradient(180deg, var(--mint-pale), rgba(224,251,241,0.4));
}
.comp-table th.us { color: var(--mint-deep); border-bottom: 2px solid var(--mint); }
.comp-table td:first-child, .comp-table th:first-child { text-align: left; font-weight: 600; color: var(--text); }
.comp-table tr:last-child td { border-bottom: none; }
.comp-check { display: inline-flex; align-items: center; gap: 4px; color: var(--mint-deep); font-weight: 700; }
.comp-cross { display: inline-flex; align-items: center; gap: 4px; color: #B91C1C; font-weight: 600; }
.comp-partial { display: inline-flex; align-items: center; gap: 4px; color: #B45309; font-weight: 600; }
@media (max-width: 820px) {
  .comp-table { font-size: 12px; }
  .comp-table th, .comp-table td { padding: 12px 8px; }
  .comp-table th:first-child, .comp-table td:first-child { font-size: 11.5px; padding-left: 14px; }
}
@media (max-width: 800px) {
  .comp-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .comp-table { min-width: 700px; }
}