.tbl {
 display: flex;
 flex-direction: column; /* Stacks rows vertically */
}

.row {
 display: flex; /* Makes the row a flex container for cells */
 min-height: 50px;
}

.cell {
 flex: 1; /* Makes cells grow equally to fill the space */
 border: 1px solid #ccc;
 padding: 5px;
 box-sizing: border-box;
}

.header .cell {
 font-weight: bold;
 background-color: #f2f2f2;
}

#result { width:100dvw; height:100dvh; display:none; font-family:verdana; position:absolute; z-index:2; background-color:#f1facc; }

/* #main { width:1024px; top:0px; left:50%; transform:translateX(-50%); position:absolute; } */

.row .cell span { white-space: pre-wrap; }