/* ============================================================ benchmark page

   /benchmark (2026-10-08): the partners page's frame — the bar shown, one band
   under it — carrying the front page's own cards (specs for the findings, Q&A
   cards for the method) and the measured tables. Its own file, so the shared
   stylesheet and the other pages' ?v= stay as they are.

   The tables are written by beam-launcher/tools/bench/page-tables.js. A table is
   the comparison table's card (.table-scroll: glass, sheen, rim) with numbers in
   it: right-aligned, tabular figures, the median in the text colour and its
   slowest–fastest range small beside it. BlueClient's row is the comparison
   table's own wash of the accent; nothing else is coloured. A row that could not
   be measured says why in words across the row. */

.bench__found { margin-bottom: 8px; }
.bench__found .spec dd a { color: var(--text-1); text-underline-offset: 3px; text-decoration-color: rgba(255, 255, 255, 0.45); }
.bench__found .spec dd a:hover { color: var(--accent-hover); text-decoration-color: currentColor; }
/* The finding against us carries the same card — no red, no warning colour: it is a
   result like the others, and it stays. */

.bt__wrap { margin-top: 12px; }
.bt__wrap + .bt__wrap { margin-top: 12px; }

.bt {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.45;
  font-variant-numeric: tabular-nums;
}
.bt th, .bt td {
  padding: 11px 14px;
  text-align: left;
  vertical-align: baseline;
  border-bottom: 1px solid var(--line);
}
.bt thead th {
  background: var(--tint);
  color: var(--text-1);
  font-weight: 600;
  font-size: 13px;
  line-height: 1.3;
  vertical-align: bottom;
}
.bt thead th:first-child { white-space: nowrap; }
.bt tbody th {
  color: var(--text-1);
  font-weight: 600;
  min-width: 150px;
}
.bt td { color: var(--text-2); }
.bt .bt__n { text-align: right; white-space: nowrap; }
/* Column names wrap, so a narrow screen scrolls the table for its numbers, not its words. */
.bt thead th.bt__n { white-space: normal; min-width: 5.5em; max-width: 9em; }
.bt td b { color: var(--text-1); font-weight: 600; }
.bt__r { color: var(--text-3); font-size: 12px; margin-left: 4px; }
.bt tbody tr:last-child th,
.bt tbody tr:last-child td { border-bottom: 0; }

.bt__mine { background: rgba(34, 204, 255, 0.07); }
.bt__mine th { color: var(--accent); }
.bt__note { color: var(--text-3); font-size: 13px; text-align: left; white-space: normal; }
/* The tick table: the runs quiet, the medians as the result. */
.bt__median th, .bt__median td { border-top: 1px solid var(--outline); }

/* Words between the tables stand on the world like the band heads above them. */
.bench__say {
  max-width: 70ch;
  margin-top: 14px;
  color: var(--text-2);
  font-size: 14.5px;
  line-height: 1.55;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
}
.bench__versions { margin-top: 16px; font-size: 13px; color: var(--text-3); }

.bench__steps { padding-left: 20px; margin-bottom: 10px; }
.bench__steps li { color: var(--text-2); font-size: 14.5px; line-height: 1.55; }
.bench__steps li + li { margin-top: 4px; }

/* A card holding the commands may not grow past its column: the block scrolls inside it. */
.page--bench .qa { min-width: 0; }

.bench__code {
  margin: 10px 0;
  padding: 12px 14px;
  border-radius: var(--radius-md);
  background: var(--tint);
  overflow-x: auto;
  font-family: ui-monospace, Consolas, monospace;
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--text-1);
  white-space: pre;
}
.bench__code code { background: none; padding: 0; font-size: inherit; }

@media (max-width: 880px) {
  .page--bench .bar__inner > .mcbtn { margin-left: auto; }
  .bench__found { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bench__found .spec:last-child:nth-child(3n + 2) { grid-column: auto; }
}
@media (max-width: 620px) {
  .page--bench .wrap, .page--bench .bar__inner { padding: 0 16px; }
  .bench__found, .page--bench .qa-grid { grid-template-columns: minmax(0, 1fr); }
  .bt { font-size: 13px; }
  .bt th, .bt td { padding: 9px 10px; }
  .bt tbody th { min-width: 118px; }
  .bt__r { display: block; margin-left: 0; }
}

/* A smaller head inside a section (the title table's "before" rows). */
.bench__sub {
  margin-top: 28px;
  font-size: 17px;
  font-weight: 600;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
}
.bench__sub + .bench__say { margin-top: 6px; }