/* Readable controls and supporting copy at standard and narrow widths. */
body { font-size: 16px; }
.nav-item, .button, .text-link, .filter-bar, .stat-bottom, .notice, .flash,
.stack-form > label, .form-grid > label, .table-wrap, .sidebar-profile,
.ticket-item, .notification p, .message p, .prose { font-size: 14px; }
.deal-body p, .deal-body > small, .deal-bottom .text-link, .deal-rate small,
.how-strip p, .how-strip strong, .footer, .footer p,
.auth-card-top p, .demo-box > div span, .mail-item > summary small { font-size: 13px; }
small, .eyebrow, .workspace-label, .brand-caption, .deal-category,
.platform-tag, .badge { font-size: 12px; }
.table-wrap table th { font-size: 13px; }
.table-wrap table td { font-size: 14px; }
.table-wrap table small { font-size: 12px; }
.tone-rose { background: #fae9ee; }
.tone-purple { background: #eeeafd; }
.tone-orange { background: #fff0df; }
.tone-pink { background: #f9e8f2; }
@media (max-width: 600px) {
  .nav-item, .button, .text-link, .table-wrap, .form-disclosure > summary,
  .category-tabs a, .stack-form > label, .form-grid > label,
  .deal-body p, .deal-bottom .text-link, .notice, .flash,
  .notification p, .message p { font-size: 14px; }
  .deal-body h3, .how-strip strong, .auth-card-top p,
  .deals-banner p, .footer, .footer p, .referral-banner p { font-size: 13px; }
  .deal-body > small, .deal-rate small, .stat-bottom, .balance-grid .muted,
  .demo-box > div span, .mail-item > summary small, .mail-item .badge { font-size: 12px; }
  .deal-top { min-width: 0; }
  .deal-rate strong { font-size: 18px; }
  .deal-body { min-width: 0; }
  .deal-bottom { flex-wrap: wrap; }
}