.table-wrapper{overflow-x:scroll;scroll-behavior:smooth}tr td:first-of-type{color:#fff;left:0;min-width:min(25ch,30vw);position:-webkit-sticky;position:sticky;z-index:10}table{background-color:#f9f9f9;border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:20px 0;width:100%}thead th{background-color:#f2f2f2;border-bottom:1px solid #ddd;color:#333;font-weight:600;padding:12px;text-align:left}tbody tr:nth-child(odd){background-color:#fff}tbody tr:nth-child(2n){background-color:#f7f7f7}tbody tr:nth-child(odd) td:first-of-type{background-color:#e0e0e0;color:#333;font-weight:700}tbody tr:nth-child(2n) td:first-of-type{background-color:#d5d5d5;color:#333;font-weight:700}td,th{border:1px solid #ddd;padding:12px}@media (max-width:768px){table{overflow-x:auto}table,tbody,td,th,thead,tr{display:block}thead th{display:none}tbody tr{margin-bottom:10px}tbody tr td{border:1px solid #ddd;display:flex;justify-content:space-between;padding:10px}tbody tr td:before{color:#333;content:attr(data-label);font-weight:700;text-transform:uppercase}}