.ob-controls { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; margin: 1rem 0 .5rem; }
.ob-controls input, .ob-controls select {
  padding: .45rem .7rem; font: inherit; font-size: .8rem; border-radius: .3rem;
  border: 1px solid var(--md-default-fg-color--lighter);
  background: var(--md-default-bg-color); color: var(--md-default-fg-color);
}
.ob-controls input { flex: 1; min-width: 14rem; }
.ob-chips { display: flex; gap: .3rem; flex-wrap: wrap; }
.ob-chip {
  padding: .2rem .6rem; border-radius: 999px; font-size: .72rem; cursor: pointer;
  border: 1px solid var(--md-default-fg-color--lighter);
  background: var(--md-default-bg-color); color: var(--md-default-fg-color);
}
.ob-chip.active { background: var(--md-accent-fg-color); color: var(--md-accent-bg-color); border-color: var(--md-accent-fg-color); }
.ob-stats { color: var(--md-default-fg-color--light); font-size: .75rem; }
.md-typeset table.ob-table:not([class]) , .md-typeset .ob-table { display: table; width: 100%; font-size: .72rem; }
.ob-table td.ob-vendor { font-weight: 600; white-space: nowrap; }
.ob-table td.ob-cov { color: var(--md-default-fg-color--light); }
.ob-table mark { padding: 0 .1rem; }