/* The two small dark results tables on the GPT-2 case study: three versions of the model on one held-out test, and the fact questions with and without the book search. Needs the page's .world-gpt2 colours. */
.results-table { overflow: hidden; border: 1px solid var(--ink-line); border-radius: 14px; background: var(--ink-raised); } /* the dark card */
.results-table table { width: 100%; border-collapse: collapse; font-size: 15.5px; } /* one row per measure */
.results-table th, .results-table td { padding: 12px 14px; border-bottom: 1px solid var(--ink-line); text-align: right; font-variant-numeric: tabular-nums; } /* numbers line up on their digits */
.results-table thead th { color: var(--paper-faint); font: 500 12px/1.3 var(--mono); letter-spacing: 0.04em; text-transform: uppercase; vertical-align: bottom; } /* column names */
.results-table thead th:first-child { text-align: left; } /* the measure column's name starts at the left like its rows */
.results-table tbody th { color: var(--paper-soft); font-weight: 500; text-align: left; } /* what each row measures */
.results-table td { color: var(--paper); font-weight: 600; } /* the numbers read first */
.results-table .results-live { background: color-mix(in srgb, var(--world-background) 38%, var(--ink-raised)); color: var(--world-tint); } /* the model running on the page, in the page's violet */
.results-table figcaption { padding: 12px 14px 14px; color: var(--paper-faint); font: 500 12.5px/1.5 var(--mono); } /* what the test was */
@media (max-width: 560px) { /* phones */
  .results-table table { font-size: 14px; } /* fits four columns */
  .results-table th, .results-table td { padding: 10px 7px; } /* tighter cells */
  .results-table thead th { font-size: 12px; letter-spacing: 0.02em; } /* shorter column names */
  .results-table th:first-child { width: 36%; padding-left: 12px; } /* the row names get a third of the width */
}