/* ZEME pick table -- THE ONE definition of this look.
 * Linked by results.html and every engine-*.html. Do not copy these rules into
 * a page; edit them here. Everything is scoped under .tbl-wrap so it cannot
 * collide with css/main.css (which defines a bare `table` and `.badge`) or
 * bleed into any other table on the site.
 * Created 2026-08-10 after three pages drifted to three different looks. */

.tbl-wrap {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 4px 6px;
  box-shadow: var(--shadow-sm);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.tbl-wrap table {
  width: 100%;
  min-width: 640px;          /* below this the 8 columns crush; scroll instead */
  border-collapse: collapse;
  font-size: .86rem;
}
.tbl-wrap thead th {
  text-align: right;
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--text3);
  font-weight: 700;
  padding: 10px 12px;
  border-bottom: 1px solid var(--border);
  white-space: nowrap;
}
.tbl-wrap tbody td {
  text-align: right;
  padding: 10px 12px;
  border-bottom: 1px solid var(--border);
  color: var(--text2);
  font-variant-numeric: tabular-nums;
}
.tbl-wrap thead th.l,
.tbl-wrap tbody td.l { text-align: left; }
.tbl-wrap tbody tr:last-child td { border-bottom: 0; }

.tbl-wrap .sym  { font-weight: 800; color: var(--text); }
.tbl-wrap .nm   { font-size: .76rem; color: var(--text3); font-weight: 500; }
.tbl-wrap .peak { font-family: var(--mono, monospace); }

.tbl-wrap .badge {
  display: inline-block;
  font-size: .68rem;
  font-weight: 800;
  border-radius: 20px;
  padding: 2px 8px;
  white-space: nowrap;
}
.tbl-wrap .b-done  { background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; }
.tbl-wrap .b-track { background: #eff6ff; color: #1d4ed8; border: 1px solid #bfdbfe; }