/* In order to hide table headers on mobile and display them in each cell, we can use a data-label attribute. */
@media (max-width: 767px) {
    td[data-label]::before {
        content: attr(data-label);
        font-weight: bold;
        display: block;
        margin-bottom: 0.5rem;
        color: #374151; /* gray-700 */
    }
}