.slice-page { padding-bottom: 48px; }
.slice-lead { margin: 20px 0 12px; }
.slice-lead h1 { color: var(--text-bright); font-size: 28px; letter-spacing: -0.4px; }
.slice-lead p { color: var(--text-muted); max-width: 820px; }
.filter-board {
  border: 1px solid var(--border);
  background: var(--bg-card);
  border-radius: 10px;
  padding: 12px 14px;
  display: grid;
  gap: 10px;
}
.filter-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.filter-label {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-muted);
  min-width: 72px;
}
.chip-row { display: flex; gap: 6px; }
.chip-row.wrap { flex-wrap: wrap; }
.chip, .slice-pick summary {
  font: inherit;
  color: var(--text);
  background: transparent;
  border: 1px solid var(--border-light);
  border-radius: 999px;
  padding: 4px 10px;
  cursor: pointer;
}
.chip.on { color: var(--text-bright); border-color: var(--accent); background: rgba(56, 189, 248, 0.12); }
.chip small { color: var(--text-muted); margin-left: 4px; }
input[type="search"], input[type="number"], select {
  background: var(--bg);
  color: var(--text-bright);
  border: 1px solid var(--border-light);
  border-radius: 8px;
  padding: 6px 8px;
}
input[type="search"] { min-width: 240px; }
input[type="number"] { width: 120px; }
.slice-pick summary { display: inline-block; margin-bottom: 8px; }
.result-line { margin: 12px 0; color: var(--text-muted); font-family: var(--font-mono); font-size: 12px; }
.table-scroll { overflow: auto; border: 1px solid var(--border); border-radius: 10px; }
#board { width: 100%; border-collapse: collapse; font-size: 13px; }
#board th, #board td { padding: 8px 10px; border-bottom: 1px solid var(--border); text-align: right; white-space: nowrap; }
#board th:first-child, #board td:first-child,
#board th:nth-child(2), #board td:nth-child(2) { text-align: left; }
#board th { position: sticky; top: 0; background: #101826; color: var(--text-bright); cursor: pointer; }
#board tr:hover td { background: var(--bg-card-hover); }
#board td.miss { color: var(--text-muted); }
#board a { color: var(--accent); text-decoration: none; }