html {
      min-height: 100%;
      
    }
    body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      min-height: 100vh;
    }
    main {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
    }
a {
  text-decoration: none !important;
}
@media (max-width: 767.98px) {
  /* Hide table header */
  table thead {
    display: none;
  }
  /* Force each row to stack */
  table tr {
    display: block;
    margin-bottom: 1rem; 
    border: 1px solid #dee2e6; /* optional for visual separation */
    border-radius: 0.25rem;
    padding: 0.5rem;
  }
  /* Each cell displayed as block */
  table td {
    display: block;
    width: 100%;
    text-align: left; /* override default table alignment if needed */
    margin-bottom: 0.5rem;
  }
  /* Use data-label as a pseudo-label before the cell content */
  table td::before {
    content: attr(data-label);
    font-weight: bold;
    display: inline-block;
    margin-right: 0.5rem;
  }
}