html { font-family: system-ui, sans-serif; color-scheme: light; }
body { margin: 1rem; }
th, td { vertical-align: top !important; box-sizing: border-box; }
th, td { hyphens: auto; }
th:last-child { text-align: left !important; }
table { border-collapse: collapse; table-layout: fixed; }
th, td { padding: .25rem .45rem; max-width: 24rem; }
th { cursor: pointer; }
.table-controls { display: flex; flex-wrap: wrap; gap: .5rem; margin: .6rem 0; }
.table-controls label { display: inline-block; margin: .2rem .5rem; }
.wrap-cells td, .wrap-cells th { white-space: normal; }
button, input { font: inherit; }
button:focus-visible, summary:focus-visible { outline: 3px solid #0657a7; }
.resize-handle { cursor: col-resize; float: right; width: .6rem; min-height: 1.2rem; }