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

/* the two owner panels stacked beside the loss plane */
.rt-panels {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 1.2rem 1.6rem;
  align-items: start;
}
.rt-title {
  font-size: .86rem;
  font-weight: 600;
  color: var(--ink);
  margin: 0 0 .35rem;
}
.rt-panels .figure + .rt-title { margin-top: 1.1rem; }
.rt-strip { max-width: 47.5rem; }

/* the side card: a reading tall enough that the tables do not move
   while a row is under the pointer */
.page-returns .reading { min-height: 19rem; }
.page-returns .reading dl { margin-top: .7rem; }
.page-returns .reading dd { margin-bottom: .45rem; }
.rt-note { font-size: .74rem !important; color: var(--muted); margin: .5rem 0 1rem !important; }
.page-returns .dtable .sw {
  display: inline-block;
  width: .55rem;
  height: .55rem;
  border-radius: 50%;
  margin-right: .4rem;
}
.page-returns .dtable .mk, .page-returns .legend .mk { flex: 0 0 auto; vertical-align: -2px; margin-right: .3rem; }
.page-returns .dtable tr.on td { background: var(--wash); }
.page-returns .dtable tr.ref td { color: var(--muted); }
.page-returns .dtable tr.grp td {
  color: var(--muted);
  font-size: .76rem;
  padding-top: .55rem;
  white-space: normal;
}

@media (max-width: 1120px) and (min-width: 901px), (max-width: 640px) {
  .rt-panels { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .page-returns .reading { min-height: 0; }
}