/* RANKINGS — layout only */
.compare-grid { display: grid; gap: var(--sp-3); grid-template-columns: 1fr; }
@media (min-width: 768px) { .compare-grid { grid-template-columns: repeat(3, 1fr); } }
.compare-card {
  background: var(--surface-1); border: 1px solid var(--border); border-radius: var(--radius-md);
  padding: var(--sp-5);
}
.compare-card h3 { font-size: var(--text-xl); font-family: var(--font-sans); margin-bottom: var(--sp-2); }
.compare-card h3 .tnum { color: var(--gold); margin-left: var(--sp-2); }
.compare-card p { font-size: var(--text-sm); color: var(--text-secondary); }