/* Exhibit-only styles for simpson */
.mix-stage { --aspect: 16 / 7; }
.stones-stage { --aspect: 16 / 7.5; margin-top: .8rem; }
.weights-stage { --aspect: 16 / 8; }
@media (max-width: 560px) {
  .mix-stage { --aspect: 4 / 3; }
  .stones-stage { --aspect: 4 / 3.6; }
  .weights-stage { --aspect: 1 / 1; }
}
.verdict { font-family: var(--sans); font-size: .95rem; margin: .7rem 0 0; color: var(--ink-2); min-height: 2.6em; }
.verdict.paradox { color: var(--ink); }
.verdict.paradox strong { color: var(--alarm); }
.mix-cols { display: grid; gap: .8rem 1.6rem; margin-top: .6rem; }
@media (min-width: 640px) { .mix-cols { grid-template-columns: 1fr 1fr; } }
.mix-col { border: 1px solid var(--rule); border-radius: 6px; padding: .4rem .9rem .7rem; margin: 0;
  font-family: var(--sans); font-size: .9rem; min-width: 0; }
.mix-col legend { font-weight: 650; padding: 0 .3rem; display: flex; align-items: center; gap: .4rem; }
.mix-col .control { margin-top: .45rem; }
.sw { display: inline-block; width: .8rem; height: .8rem; border-radius: 2px; vertical-align: -0.05em; margin-right: .35rem; }
.sw-a { background: var(--brass-lit); border: 1px solid var(--brass); }
.sw-b { background: var(--verdigris-lit); border: 1px solid var(--verdigris); }
.stones-table { width: 100%; border-collapse: collapse; margin-top: .8rem; font-family: var(--sans); font-size: .85rem; }
.stones-table th, .stones-table td { padding: .3rem .4rem; border-bottom: 1px solid var(--rule); text-align: right; }
.stones-table th[scope=row] { text-align: left; }
.stones-table thead th { font-weight: 600; color: var(--ink-2); vertical-align: bottom; }
.stones-table td { font-family: var(--mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
.stones-table .dim { color: var(--ink-3); }
.stones-table .hi { background: var(--paper-3); }
@media (max-width: 480px) { .stones-table .pc { display: block; } .stones-table { font-size: .78rem; } .stones-table th, .stones-table td { padding: .25rem .15rem; } }
.table-wrap { overflow-x: auto; }
.cause-stage { --aspect: 600 / 310; margin-top: .8rem; }
.cause-stage svg { width: 100%; height: 100%; display: block; }
.cause-stage text { font-family: var(--sans); }
#fig-weights .controls .control { flex: 1 1 16rem; }
#fig-weights .controls .control > label { white-space: normal; }
#fig-weights .controls .btn-row { flex-basis: 100%; }