/* Comparison table — plain CSS (final.css is a frozen purged Tailwind
   build, new utility classes silently no-op, so this table is hand-styled). */

.tb-compare-table-wrap {
    overflow-x: auto;
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08);
    border: 1px solid #e2e8f0;
    margin: 0 auto;
    max-width: 900px;
    background: #fff;
}

.tb-compare-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
    min-width: 640px;
}

.tb-compare-table th,
.tb-compare-table td {
    padding: 18px 20px;
    text-align: left;
    border-bottom: 1px solid #eef2f7;
}

.tb-compare-table thead th {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #64748b;
    background: #f8fafc;
}

.tb-compare-table thead th.tb-compare-us {
    background: #eef2ff;
    color: #4338ca;
}

.tb-compare-table tbody td.tb-compare-feature {
    font-weight: 700;
    color: #0f172a;
}

.tb-compare-table tbody td.tb-compare-us {
    background: #f5f7ff;
    font-weight: 700;
    color: #1e293b;
}

.tb-compare-table tbody tr:last-child td {
    border-bottom: none;
}

.tb-compare-yes { color: #15803d; font-weight: 800; }
.tb-compare-no { color: #b91c1c; font-weight: 800; }

.tb-compare-table-wrap {
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 640px) {
    .tb-compare-table { font-size: 0.85rem; }
    .tb-compare-table th, .tb-compare-table td { padding: 14px 12px; }
}