table{width:100%;border-collapse:collapse;margin:20px 0;font-family:Arial,sans-serif}td,th{padding:14px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#f4f4f4;font-weight:700}tr:hover{background-color:#f9f9f9}.sort-cell{display:flex;align-items:center;gap:.5rem;cursor:pointer}@media screen and (max-width:600px){table,tbody,td,th,thead,tr{display:block}thead tr{display:none}tr{margin-bottom:15px;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1)}td{position:relative;padding-left:50%;text-align:right;border:none;border-bottom:1px solid #ddd}td:before{content:attr(data-label);position:absolute;left:10px;width:45%;padding-right:10px;font-weight:700;text-align:left}}