/* osc-compare.css — the Oscillator comparison bench (sandbox mode). */

.oc-bench { max-width: 980px; }

.oc-boards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 760px) {
  .oc-boards { grid-template-columns: 1fr; }
}

.oc-board-card {
  background: var(--bg-card);
  border: 1.5px solid var(--rule-strong);
  border-radius: 12px;
  padding: 12px 14px 14px;
}

.oc-board-head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 6px;
}
.oc-board-tag {
  font-family: "IBM Plex Mono", monospace;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: var(--bg-card);
  background: var(--ink);
  padding: 3px 9px;
  border-radius: 6px;
}
.oc-board-tag.oc-tag-chip {
  background: var(--current-deep, var(--current));
}
.oc-board-sub {
  font-family: "IBM Plex Mono", monospace;
  font-size: 12px;
  color: var(--ink-faint);
}