:root {
  --panel: #171a23;
  --muted: #9aa2b4;
  --qwen: #7db3ff;
  --flux: #ffb454;
  --accent: #b48bff;
  --good: #58d68d;
}
.scorebar {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.score {
  flex: 1 1 200px;
  background: linear-gradient(#003e5c,#163164);
  border-radius: 14px;
  padding: 18px 20px;
}

.score .name {
  font-size: 13px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 6px;
}

.score .val {
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
}

.score .sub {
  font-size: 12.5px;
  color: var(--muted);
  margin-top: 8px;
}
.score.qwen .val {
  color: var(--qwen);
}
.score.flux .val {
  color: var(--flux);
}
.score.gap .val {
  color: var(--accent);
}

blockquote {
  margin: 24px 0 !important;
  padding: 16px 20px;
  background: #e7eefa;
  border-left: 4px solid #0d8eaa;
  border-radius: 0 4px 4px 0;
}

blockquote p {
  margin: 0;
  font-size: 16px;
}

/* ---------- tables ---------- */
.tablewrap td img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}