:root{font:16px system-ui,sans-serif;color:#222;background:#f6f6f3}main{max-width:1200px;margin:2rem auto;padding:0 1rem}table{width:100%;border-collapse:collapse;background:white}th,td{padding:.7rem;text-align:left;border-bottom:1px solid #ddd}input,select,button{padding:.55rem;margin:.2rem}button{cursor:pointer}@media(max-width:700px){table,thead,tbody,tr,td{display:block}thead{display:none}tr{padding:.7rem;border-bottom:1px solid #ddd}td{border:0;padding:.2rem}td:before{content:attr(data-label) ': ';font-weight:600}}
td { white-space: pre-line; overflow-wrap: anywhere; } header { display: flex; align-items: center; justify-content: space-between; } label { display: inline-block; } #summary { padding: .8rem; background: #ecece6; }
