.baseline-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 26px 0;
  padding: 18px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  font-variant-numeric: tabular-nums;
}
.baseline-summary dt { color: var(--muted); font-size: .75rem; }
.baseline-summary dd { margin: 5px 0 0; font-size: 1.7rem; line-height: 1.2; color: var(--plot-accuracy-answer); letter-spacing: -.025em; }
.baseline-summary small { display: block; margin-top: 6px; color: var(--muted); font-size: .72rem; line-height: 1.5; }
.baseline-figure .baseline-series { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin: 8px 0; font-size: .75rem; }
.baseline-series > span, .baseline-series label { display: inline-flex; align-items: center; gap: 6px; }
.baseline-series .series-swatch { width: 17px; border-top: 2px solid var(--plot-accuracy-answer); }
.baseline-series input { accent-color: var(--plot-accuracy-answer); }
.baseline-figure .baseline-cohort { margin: 6px 0 0; font-size: .72rem; color: var(--muted); }
.baseline-pending { color: var(--muted); font-size: .72rem; font-weight: 400; letter-spacing: normal; white-space: nowrap; }
@media (max-width: 540px) {
  .baseline-summary { gap: 10px; }
  .baseline-summary dd { font-size: 1.4rem; }
  .baseline-summary dt, .baseline-summary small { font-size: .67rem; }
}

.baseline-figure .baseline-bar-swatch { width: 12px; height: 10px; border-radius: 2px; background: var(--plot-accuracy-answer); }
.baseline-figure .baseline-bar-swatch.reference { background: var(--plot-responses-reference); }
#baseline-graphs-plot { height: 245px; }

.baseline-figure .chart-controls label[hidden] { display: none; }

.baseline-series .series-swatch.trace-original { border-top-style: dashed; }
.baseline-series .series-swatch.trace-sft { border-color: var(--plot-accuracy-trajectory); }

.baseline-series .baseline-na { opacity: .6; }
#baseline-graphs-plot { height: 330px; }

.baseline-summary > div:nth-child(1) dd { color: var(--plot-accuracy-extra); }
.baseline-summary > div:nth-child(2) dd { color: var(--plot-accuracy-answer); }
.baseline-summary > div:nth-child(3) dd { color: var(--plot-accuracy-trajectory); }

#baseline-accuracy-title .chart-smoothing input[type="range"] { accent-color: var(--plot-accuracy-answer); }
#baseline-accuracy-title .chart-smoothing input:focus-visible { outline-color: var(--plot-accuracy-answer); }

#baseline-accuracy-title[data-plot-family="timing"] .chart-smoothing input[type="range"] { accent-color: var(--plot-timing-exact); }
#baseline-accuracy-title[data-plot-family="timing"] .chart-smoothing input:focus-visible { outline-color: var(--plot-timing-exact); }