.responsive {
    @apply text-sm md:text-base;
}

.responsive thead {
    @apply hidden md:table-header-group;
}

.responsive tbody tr {
    @apply block mb-2 md:table-row;
}

.responsive td {
    @apply grid grid-cols-2 gap-x-2 last:col-span-2 md:table-cell;
}

.responsive td:before {
    content: attr(data-label);
    @apply block font-bold last:hidden md:hidden;
}