:root{color:#1f2937;background:#f8fafc;font-family:system-ui,sans-serif}body{margin:0}main,nav{box-sizing:border-box;max-width:64rem;margin:1rem auto;padding:1rem}.card{background:#fff;border-radius:.5rem;max-width:32rem}label{margin:.75rem 0;display:block}input{min-width:16rem;padding:.4rem;display:block}button,a{margin:.25rem}:focus-visible{outline-offset:2px;outline:3px solid #2563eb}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #cbd5e1;padding:.5rem}@media (width<=48rem){table,tbody,tr,th[scope=row],td{display:block}thead{display:none}tr{border:1px solid #cbd5e1;margin:.75rem 0;padding:.5rem}}