.table td p {margin: 0 !important;}
.table th, .table td { padding: 0.25rem !important;}

/* Apply dividers only on screens where the table is NOT stacked */
@media (min-width: 40em) { 
   .table  th, 
  .table  td {
        border-right: 1px solid #ccc; /* The vertical line */
        padding: 10px;               /* Ensures content doesn't touch the line */
    }

    /* Remove the line from the very last column for a cleaner look */
    .table th:last-child, 
    .table td:last-child {
        border-right: none;
    }
    
    /* Ensure borders don't double up if the table has its own borders */
    .table {
        border-collapse: collapse;
    }
}