.compare-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--r-lg); }
.compare { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 15px; }
.compare th, .compare td { padding: 16px 18px; text-align: left; vertical-align: top; border-top: 1px solid var(--line); }
.compare thead th { border-top: 0; font: 700 22px/1.1 var(--display); font-stretch: 82%; padding-top: 22px; }
.compare tbody th { font-weight: 500; color: var(--text); width: 40%; }
.compare td { color: var(--text-2); width: 20%; }
.compare td strong { color: var(--text); font-weight: 650; }
/* Paid columns sit on a slightly raised surface: they're the subject of this page. */
.compare th:nth-child(n+3), .compare td:nth-child(n+3) { background: var(--panel); }
.fine { margin: 16px 0 0; color: var(--text-2); font-size: 14px; max-width: 70ch; }

.pricing-table { min-height: 0; }
.pricing-state { min-height: 220px; }