.lg-table-wrap { overflow: auto; }
.lg-table { border-collapse: collapse; width: 100%; min-width: 320px; }
.lg-table th, .lg-table td {
  border: 2px solid var(--line); padding: 6px 4px; text-align: center;
}
.lg-table thead th {
  background: var(--grape); color: #fff; font-size: 13px;
}
.lg-table tbody th {
  background: var(--surface-2); font-size: 13px; color: var(--ink); white-space: nowrap;
}
.lg-table select {
  width: 100%; min-width: 64px; min-height: 40px; border: 2px solid var(--line);
  border-radius: 10px; background: var(--surface); color: var(--ink);
  font-size: 13px; font-weight: 700; text-align: center; padding: 2px;
}
.lg-table select.bad { border-color: #e23b5a; background: #ffe6ec; }
.lg-table select.good { border-color: #2fd6a8; background: #e6fbf2; }

.lg-clues { margin: 8px 0 0; padding-left: 20px; color: var(--ink); font-size: 13.5px; }
.lg-clues li { margin: 3px 0; }