table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
th, td { border: 1px solid #333; padding: 5px; text-align: center; }
th { background-color: #f2f2f2; }
@media (max-width: 768px) {
    table, tr, td, th { display: block; width: 100%; }
    tr { margin-bottom: 15px; }
    td { text-align: right; padding-left: 50%; position: relative; }
    td::before { content: attr(data-label); position: absolute; left: 5px; font-weight: bold; }
}