/* Simulation page: the four data tables (the sheet legend uses the design's own .legend rules). Uses the design's tokens from phl.css. */
.sim-table { width: 100%; border-collapse: collapse; margin: 0 0 1.6rem; font-size: .9rem; }
/* Revision 13 (K1): the tables take the evidence table look (.ev-table in the pinned capabilities.css);
   caption above in the mono face, numerals in mono aligned right. */
.sim-table caption { caption-side: top; text-align: left; padding: 0 0 12px; font: 500 11px/1.5 var(--mono); letter-spacing: .1em; color: var(--fg-3); }
.sim-table td { font-family: var(--mono); text-align: right; font-variant-numeric: tabular-nums; }
.sim-table th { font-weight: 500; }
/* Revision 14 (L1, fixes-round-f.md): up to 860px the four tables stay tables (rows and columns, every
   number under its column heading, mono numerals aligned right). The table box scrolls sideways inside
   itself; the inner rows keep table layout, so the last visible column is cut, never hidden. The page
   never scrolls sideways. The evidence table on /work is not touched and keeps its phone layout. */
@media (max-width: 860px) {
  .page-simulation .sim-table { display: block; width: 100%; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
  .page-simulation .sim-table thead { display: table-header-group; position: static; width: auto; height: auto; clip: auto; clip-path: none; overflow: visible; }
  /* QC D1 (rev 14 repair): the pinned capabilities.css makes .ev-table heading cells sticky (top: var(--bar)).
     Inside the table's own scroll box they would stick 64px down and cover the first row, so up to 860px the
     heading cells of these tables are not sticky. */
  .page-simulation .sim-table thead th { position: static; top: auto; }
  .page-simulation .sim-table tbody { display: table-row-group; }
  .page-simulation .sim-table tr { display: table-row; border: 0; padding: 0; margin: 0; }
  .page-simulation .sim-table th,
  .page-simulation .sim-table td { display: table-cell; white-space: nowrap; padding: 8px 14px 8px 0; }
  .page-simulation .sim-table td { font-family: var(--mono); text-align: right; font-variant-numeric: tabular-nums; }
  .page-simulation .sim-table td::before,
  .page-simulation .sim-table th::before { content: none; display: none; }
}