/* Table and process-window styling. Kept here because it is specific to
   these two blocks rather than part of the general system. */
.table-wrap { overflow-x: auto; }
.tbl { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.tbl th {
  text-align: left; padding: 0 18px 12px 0; border-bottom: 1px solid var(--line);
  font-family: var(--mono); font-size: 9.5px; letter-spacing: 0.2em;
  text-transform: uppercase; color: var(--fg-3); font-weight: 500; white-space: nowrap;
}
.tbl td {
  padding: 15px 18px 15px 0; border-bottom: 1px solid var(--line-2);
  color: var(--fg-2); vertical-align: top;
}
.tbl td:first-child { color: var(--fg); }
.specs { border-top: 1px solid var(--line); }
.specs .x-row b { color: var(--fg); font-weight: 400; }
@media (max-width: 720px) {
  .tbl { min-width: 620px; }
  .metrics[style*="repeat(4"] { grid-template-columns: 1fr 1fr !important; }
}