.model-runs-heading { align-items: center; }
.model-runs-explanation { max-width: 65rem; margin: 0 0 1rem; color: var(--muted); line-height: 1.55; }
.model-runs-button { min-height: 44px; border: 1px solid var(--teal); border-radius: 11px; padding: .55rem .9rem; background: var(--teal); color: #fff; font: inherit; font-weight: 750; cursor: pointer; }
.model-runs-button.secondary { background: #fff; color: var(--teal); }
.model-runs-button:disabled { opacity: .55; cursor: not-allowed; }
.model-runs-status { min-height: 1.4rem; color: var(--muted); }
.model-runs-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); gap: .8rem; padding: 0; margin: 0 0 1rem; list-style: none; }
.model-runs-list li { border: 1px solid var(--line); border-radius: 14px; padding: .9rem 1rem; background: #fbfdfd; }
.model-runs-list strong { display: block; margin-bottom: .35rem; }
.model-runs-list small { display: block; color: var(--muted); line-height: 1.45; }
.model-runs-list dl { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .3rem .8rem; margin: .65rem 0 0; font-size: .9rem; }
.model-runs-list dt { color: var(--muted); }
.model-runs-list dd { margin: 0; font-weight: 750; text-align: right; }
.model-runs-compare { margin-top: 1rem; padding: 1rem; border: 1px solid var(--line); border-radius: 14px; background: var(--wash); }
.model-runs-compare h3 { margin: 0 0 .25rem; }
.model-runs-compare p { color: var(--muted); }
.model-runs-compare-controls { display: flex; align-items: end; flex-wrap: wrap; gap: .7rem; }
.model-runs-compare-controls label { display: grid; flex: 1 1 14rem; gap: .35rem; color: var(--muted); font-size: .8rem; font-weight: 750; }
.model-runs-compare-controls select { min-height: 44px; width: 100%; border: 1px solid var(--line); border-radius: 11px; padding: .55rem .7rem; background: #fff; color: var(--ink); font: inherit; }
.model-runs-comparison { min-height: 1.3rem; margin-bottom: 0; font-weight: 750; }
@media (max-width: 520px) {
  .model-runs-heading .model-runs-button, .model-runs-compare-controls .model-runs-button, #olderModelRuns { width: 100%; }
  .model-runs-compare-controls { display: grid; grid-template-columns: minmax(0, 1fr); }
}