.plot-group {
  display: flex;
  justify-content: center;
  gap: 1.5em;
  flex-wrap: wrap;
}

.plot {
  flex: 1 1 calc((100% - 1.5em) / 2);
  max-width: calc((100% - 1.5em) / 2);
  height: auto;
}

.plot-group.equal-pair {
  flex-wrap: nowrap;
}

.plot-group.equal-pair .plot {
  aspect-ratio: 337 / 696;
  object-fit: contain;
}

.latent-table {
  list-style: none;
  padding: 0;
  margin: 0 0 1em 0;
}

.latent-row {
  display: grid;
  grid-template-columns: 4rem 1fr;
  column-gap: 1rem;
  align-items: start;
  margin: 0.55em 0;
}

.latent-id {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.latent-desc {
  text-align: left;
  line-height: 1.35;
}

.latent-tokens {
  margin-top: 0.12em;
  color: rgba(34, 34, 34, 0.6);
  line-height: 1.25;
  font-size: 0.95em;
}

@media (max-width: 520px) {
  .latent-row {
    grid-template-columns: 3.6rem 1fr;
    column-gap: 0.8rem;
  }
}

.plot.single {
  flex: 0 1 100%;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

@media (max-width: 640px) {
  .plot-group.equal-pair {
    flex-wrap: wrap;
  }
}