.tboard {
    --good-color: green;
    --bad-color:  red;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.tboard .goal > summary> input {
    padding: 0 2px 0 0;
}
.tboard .txt  {
    font-family: monospace;
    border: 1px solid gray;
    padding: 2px 4px;
    margin: 0.5em 0;
    min-width: 10.65em;
    max-width: 50ch;
}
.tboard input[type=text] {
    padding: 2px 4px;
}
.tboard .done { color:var(--good-color); margin-left: 1px; }
.tboard .good { color:var(--good-color); }
.tboard .bad  { color:var(--bad-color);  text-decoration: underline; }
.tboard .ugly { border-left: 1px solid black; margin: 0 0.5em 0 -1px; }
.tboard .author { white-space: nowrap; }

@media (prefers-color-scheme: dark) {
    .tboard .ugly { border-left-color: white; }
}