@media (max-width: 767px) {
  .data-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .data-table { min-width: 640px; }

  .hero { min-height: auto; padding: 130px 0 var(--space-12); }
  .hero-actions .btn { width: 100%; }
  .hero-actions { flex-direction: column; }

  .cd-meta-row { gap: var(--space-4); }
  .review-summary { flex-direction: column; text-align: center; gap: var(--space-4); }
  .certificate-doc { padding: var(--space-10) var(--space-5); }
  .certificate-doc .cert-name { font-size: 1.8rem; }
  .certificate-doc .cert-course { font-size: 1.15rem; }
  .certificate-doc .cert-footer { flex-direction: column; gap: var(--space-4); }
  .verify-input-row { flex-direction: column; }
}