:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 2rem auto; max-width: 64rem; padding: 0 1rem; }
.filters { display: flex; flex-wrap: wrap; gap: 1rem; }
.notice { border-left: .25rem solid #888; padding: .5rem .75rem; }
table { border-collapse: collapse; margin-top: 1rem; width: 100%; }
th, td { border-bottom: 1px solid #888; padding: .55rem; text-align: left; }
th { font-weight: 700; }

.test-badge {
  background: #b45309;
  border-radius: 0.3em;
  color: #fff;
  font-size: 0.5em;
  padding: 0.15em 0.5em;
  vertical-align: middle;
}

.test-banner {
  background: #fef3c7;
  border-left: 0.4em solid #b45309;
  color: #451a03;
  padding: 0.6em 0.9em;
}