html {
  scroll-behavior: smooth;
}

body {
  font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
}

iframe {
  max-width: 100%;
}

@media (max-width: 639px) {
  .table-card thead {
    display: none;
  }

  .table-card tbody tr {
    display: block;
    padding: 1rem;
    border-bottom: 1px solid #e5e7eb;
  }

  .table-card tbody td {
    display: flex;
    justify-content: space-between;
    padding: 0.25rem 0;
    border: none;
    font-size: 0.875rem;
  }

  .table-card tbody td::before {
    content: attr(data-label);
    font-weight: 600;
    color: #6b7280;
    font-size: 0.75rem;
    text-transform: uppercase;
  }
}