table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95rem;overflow-x:auto}table th,table td{border:1px solid #e1e4e8;padding:.75rem 1rem;text-align:left;vertical-align:top}table thead{background-color:#f9fafb;font-weight:700}table tr:nth-child(even){background-color:#fcfcfc}table tr:hover{background-color:#f0f4f8}@media(max-width:768px){table,thead,tbody,th,td,tr{display:block}thead{display:none}tr{margin-bottom:1rem;border:1px solid #ddd;border-radius:.5rem;padding:1rem;background-color:#fff}td{position:relative;padding-left:50%;text-align:left;border:none;border-bottom:1px solid #eee}td::before{content:attr(data-label);position:absolute;top:.75rem;left:.75rem;font-weight:700;width:45%;white-space:nowrap}}