/* A common scale, without turning benchmark units into a claimed deposit. */
/* Let an open comparison grow with the page, not clip inside the old 240px list. */
#accum-events-list, #inherited-history .inherited-timeline { max-height: none; overflow: visible; }
.epoch-comparison { margin: 12px 0 8px; padding: 12px 16px; border: 1px solid var(--border-light, #dddfea); border-radius: 12px; background: var(--bg-secondary, #f7f7fc); }
.epoch-comparison > summary { cursor: pointer; font-size: 12px; color: var(--text-secondary, #606882); min-height: 24px; }
.epoch-comparison .epoch-compare-scale { font-size: 12px; color: var(--text-secondary, #606882); margin: 10px 0 14px; }
.epoch-compare-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.epoch-compare-cell { min-width: 0; }
.epoch-compare-cell > span { display: block; font-size: 12px; color: var(--text-secondary, #606882); margin-bottom: 6px; }
.epoch-compare-cell > strong { display: block; font-size: clamp(18px,2.5vw,26px); line-height: 1.35; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--text-primary, #202443); overflow-wrap: anywhere; }
.epoch-compare-track { height: 6px; border-radius: 4px; margin-top: 12px; background: var(--border-light,#e3e4ef); overflow: hidden; }
.epoch-compare-track i { display: block; height: 100%; border-radius: inherit; background: #999fb8; }
.epoch-compare-cell.vault .epoch-compare-track i { background: var(--accent-primary,#6152e8); }
.epoch-comparison .epoch-compare-difference { margin: 12px 0 0; font-size: 14px; font-weight: 600; color: var(--text-secondary,#606882); }
.epoch-comparison.is-gain .epoch-compare-difference { color: var(--returns-gain,#00896b); }
.epoch-comparison.is-loss .epoch-compare-difference { color: var(--returns-loss,#b44158); }
@media(max-width:480px) {
  .epoch-comparison { padding: 12px; }
  .epoch-compare-pair { gap: 12px; }
  .epoch-compare-cell > strong { font-size: 18px; }
}