/* Styles used only by the money page. */

/* small print under a figure or a table */
.page-money .money-note {
  font-size: .76rem;
  color: var(--muted);
  margin: .7rem 0 0;
  max-width: 44rem;
}
.page-money .money-raw { margin: 0 0 1rem; }
.page-money .money-ci { color: var(--muted); }
.page-money .controls .readout { padding-bottom: .3rem; }

/* a table row and its mark light each other */
.page-money .money-row .ci { transition: stroke-width .15s ease; }
.page-money .money-row.hot .ci { stroke-width: 3.2; }
.page-money .dtable tr.hot td { background: var(--wash); }
.page-money .sidecard .dtable td:first-child { min-width: 8.5rem; }
.page-money .sidecard .verdict { margin: 0 0 .2rem; }

/* the two lower panels start level under their rules; their readings
   run as one column, since each panel has half the page */
.page-money .panelgrid.even { margin-top: .4rem; }
.page-money .panelgrid.even .explain-cols { grid-template-columns: 1fr; gap: .45rem; }
.page-money .panelgrid.even .explain p { max-width: none; }

@media (prefers-reduced-motion: reduce) {
  .page-money .money-row .ci { transition: none; }
}