/* Readability pass: keep the existing layout while bringing dense copy up to a
   comfortable size on desktop and mobile. */
.app-shell .eyebrow,
.auth-screen .eyebrow { font-size: 11px; }
.side-nav .nav-link { font-size: 13px; }
.side-footer { font-size: 11px; }
.topbar-title { font-size: 14px; }
.page-heading p { font-size: 14px; }
.hero-card p { font-size: 14px; }
.section-row a { font-size: 12px; }
.quick-action span { font-size: 12px; }
.quick-action small { font-size: 10px; }
.product-info h3 { font-size: 13px; }
.product-info p { font-size: 11px; }
.product-points { font-size: 12px; }
.activity-copy strong { font-size: 12px; }
.activity-copy small { font-size: 10px; }
.activity-value { font-size: 12px; }
.points-card p { font-size: 12px; }
.view-card-header h2 { font-size: 17px; }
.reward-card p { font-size: 12px; }
.reward-cost { font-size: 13px; }
.notification-copy strong { font-size: 12px; }
.notification-copy p { font-size: 11px; }
.notification-copy small { font-size: 10px; }
.auth-visual p { font-size: 14px; }
.auth-form .subcopy { font-size: 14px; }
.auth-form .form-label { font-size: 12px; }
.auth-form .form-control,
.auth-form .form-select { font-size: 14px; }
.demo-note { font-size: 11px; }
.welcome-meta { font-size: 11px; }
.mobile-bottom-nav a { font-size: 10px; }

@media (max-width: 575.98px) {
  .page-heading p { font-size: 13px; }
  .hero-card p { font-size: 13px; }
  .product-info h3 { font-size: 12px; }
  .product-info p { font-size: 10px; }
}