body { font-family: Arial, sans-serif; }
table input { max-width: 100px; }
@media (max-width: 576px){
    table, thead, tbody, th, td, tr { display: block; }
    tr { margin-bottom: 1rem; border-bottom: 1px solid #ddd; }
    td { padding-left: 50%; position: relative; }
    td::before {
        position: absolute; left: 0; width: 45%; padding-left: 0.5rem;
        white-space: nowrap; font-weight: bold;
        content: attr(data-label);
    }
}