/* keep your existing styles; add these */
.two-col-responsive .v-top {
    vertical-align: top;
}

/* Make each inner table scroll horizontally if content is wide */
.table-container {
    overflow-x: auto;
}

/* Stack the two <td> blocks on small screens */
@media (max-width: 768px) {
    .two-col-responsive,
    .two-col-responsive tr {
        display: block;
        width: 100%;
    }

        .two-col-responsive td {
            display: block;
            width: 100%;
            padding: 0; /* optional: remove side padding between stacked blocks */
            box-sizing: border-box;
            margin-bottom: 16px; /* space between the two tables */
        }
}