/* ============================================================
   Dumpling — comparison pages (compare/*.html).
   Loads after base.css + legal.css; only what prose styles lack.
   No font-weight 600 — Satoshi ships 300/400/500/700/900 only.
   ============================================================ */

.cmp-table-wrap { overflow-x: auto; margin: 28px 0 8px; }

.cmp-table {
    width: 100%;
    min-width: 520px;
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.5;
}
.cmp-table th, .cmp-table td {
    text-align: left;
    vertical-align: top;
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
}
.cmp-table thead th {
    font-size: 12px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.1em; color: var(--ink-mute);
    background: var(--bone-two);
    border-bottom: 1px solid var(--line-strong);
}
.cmp-table tbody th {
    font-weight: 700; color: var(--ink-two); white-space: nowrap;
}
.cmp-table td { color: var(--ink-soft); }
.cmp-table td:first-of-type { background: color-mix(in srgb, var(--bone) 55%, transparent); }

.cmp-choose { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 8px; }
.cmp-choose ul { margin-top: 8px; }
@media (max-width: 640px) { .cmp-choose { grid-template-columns: 1fr; } }

.cmp-cta {
    margin-top: 44px;
    padding: 28px;
    border: 1px solid var(--line-strong);
    border-radius: 14px;
    background: var(--bone-two);
    text-align: center;
}
.cmp-cta p { margin-bottom: 16px; }