/* Referral rate + earnings tables rendered by /assets/referral-terms.js (account.html and
   referral.html). Padding lives here, not inline, so a phone keeps the annual column on screen. */
.ref-tbl { border-collapse: collapse; font-size: 13px; color: #e0e0e0; }
.ref-tbl th, .ref-tbl td { padding: 4px 12px; }
.ref-tbl th:first-child, .ref-tbl td:first-child { padding-left: 0; }
.ref-tbl th:last-child, .ref-tbl td:last-child { padding-right: 0; }
@media (max-width: 560px) {
  .ref-tbl { font-size: 12px; }
  .ref-tbl th, .ref-tbl td { padding: 4px 5px; }
}