/* Static, accessible annual comparison. The full values are in the table. */
.research-figure {
  max-width: 760px;
  margin: 1.5rem 0 1.75rem;
  padding: 1.2rem;
  border: 1px solid #d1d9d3;
  background: var(--paper);
}
.research-figure figcaption strong,
.research-figure figcaption span {
  display: block;
}
.research-figure figcaption span {
  margin-top: .35rem;
  font-size: .89rem;
  color: var(--muted);
}
.research-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 1.4rem;
  margin: 1.1rem 0;
  font-size: .85rem;
}
.research-legend > span {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
}
.research-legend i {
  display: inline-block;
  width: 1.1rem;
  height: .8rem;
  background: #647886;
}
.research-legend .research-legend-october { background: #1f5a3d; }
.research-bar-year + .research-bar-year { margin-top: 1rem; }
.research-bar-year > strong { display: block; margin-bottom: .3rem; }
.research-bar-pair {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 5rem;
  align-items: center;
  column-gap: .75rem;
  row-gap: .28rem;
  font-variant-numeric: tabular-nums;
}
.research-bar-track {
  height: 1.02rem;
  background: #e6ece9;
  overflow: hidden;
}
.research-bar {
  display: block;
  height: 100%;
  background: #647886;
}
.research-october { background: #1f5a3d; }
.research-july-2022 { width: 89.82%; }
.research-october-2022 { width: 94.67%; }
.research-july-2023 { width: 86.28%; }
.research-october-2023 { width: 95.30%; }
.research-july-2024 { width: 85.14%; }
.research-october-2024 { width: 95.38%; }
.research-july-2025 { width: 85.41%; }
.research-october-2025 { width: 93.16%; }
.research-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.research-table-wrap table {
  min-width: 590px;
  max-width: 900px;
  font-variant-numeric: tabular-nums;
}
.research-table-wrap th:first-child,
.research-table-wrap td:first-child { min-width: 120px; }
.research-table-wrap th:last-child,
.research-table-wrap td:last-child {
  width: auto;
  min-width: 120px;
  text-align: right;
}
.research-table-wrap th:not(:first-child),
.research-table-wrap td:not(:first-child) { text-align: right; }
@media (max-width: 540px) {
  .research-figure { padding: .9rem; }
  .research-bar-pair { grid-template-columns: minmax(0, 1fr) 4.3rem; }
}