@media (max-width: 700px) {
  body { padding-bottom: 82px; }
  .site-nav { width: 100%; margin: 0px; padding: 7px 8px; border-width: 0px 0px 1px; border-radius: 0px; box-shadow: rgba(26, 82, 139, 0.08) 0px 3px 12px; display: block !important; }
  .site-links { grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 4px; }
  .site-links button, .site-links a { min-height: 55px; padding: 5px 1px; gap: 3px; border-radius: 9px; box-shadow: none; font-size: 10px; white-space: nowrap; }
  .site-links button::before, .site-links a::before { width: 25px; height: 25px; border-radius: 7px; font-size: 13px; }
  .hero { padding-top: 29px; padding-bottom: 32px; }
  .hero h1 { font-size: clamp(54px, 18vw, 72px); }
  .eyebrow { margin-bottom: 4px; }
  .date { margin-top: 14px; }
  .intro { margin-top: 10px; padding: 12px 14px; }
  .page { margin-top: -8px; padding-bottom: 105px; }
  .mobile-app-nav { right: 7px; bottom: 7px; left: 7px; padding: 5px 4px calc(5px + env(safe-area-inset-bottom)); border-radius: 15px; }
  .mobile-app-nav a, .mobile-app-nav button { gap: 1px; }
  .mobile-app-nav span { width: 26px; height: 26px; border-radius: 8px; font-size: 12px; }
  .mobile-app-nav strong { font-size: 10px; }
  .more-menu { bottom: 72px; }
  #rewards, #calculator, #faq, #activity-info, #example-info, #activity-rules { scroll-margin-top: 8px; }
  .data-card > h2 { top: 4px; z-index: 75; }
  .data-card .table-wrap thead th { position: sticky; z-index: 72; top: 46px; box-shadow: rgba(23, 105, 218, 0.12) 0px 2px 0px; }
  .faq-heading { position: sticky; z-index: 75; top: 4px; margin-right: -4px; margin-left: -4px; padding: 7px 8px 8px; border: 1px solid rgba(111, 169, 230, 0.3); border-radius: 12px; background: rgba(245, 251, 255, 0.97); box-shadow: rgba(27, 90, 151, 0.13) 0px 5px 15px; backdrop-filter: blur(12px); }
  .faq-heading p { margin-bottom: 2px; font-size: 10px; }
  .faq-heading h2 { position: static; margin: 0px; padding: 0px; border: 0px; background: transparent; box-shadow: none; backdrop-filter: none; font-size: 24px; }
  .data-card > h2 { display: none; }
  .data-card { padding-top: 12px; }
  .data-card .table-wrap { overflow: visible; }
  .data-card .table-wrap thead { position: sticky; z-index: 75; top: 0px; }
  .data-card .table-wrap thead th { position: static; box-shadow: none; }
  .data-card .table-wrap .mobile-table-title { display: table-row; }
  .data-card .table-wrap .mobile-table-title th { height: 41px; border-radius: 11px 11px 0px 0px; background: linear-gradient(110deg, rgb(40, 124, 245), rgb(26, 103, 231), rgb(41, 140, 247)); box-shadow: rgba(23, 100, 224, 0.22) 0px 5px 13px; font-size: 20px; letter-spacing: 0.28em; text-indent: 0.28em; border: 0px !important; }
}