.backtest-example {
  margin: 2rem 0;
  padding: clamp(1rem, 3vw, 2rem);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  scroll-margin-top: 5rem;
}
.article-body section.backtest-example h2 { margin: 0 0 .75rem; padding: 0; }
.replay-control, .replay-ledger, .replay-method, .replay-next, .replay-footnote {
  font-family: Inter, system-ui, sans-serif;
}
.replay-control label { display: block; font-weight: 600; }
.replay-slider { display: flex; align-items: center; gap: 1rem; margin: .3rem 0 1rem; }
.replay-slider input { flex: 1; min-width: 0; height: 36px; accent-color: var(--accent); }
.replay-slider output { min-width: 3ch; text-align: right; font-size: 1.45rem; font-variant-numeric: tabular-nums; }
.replay-ledger { font-variant-numeric: tabular-nums; }
.article-body .replay-ledger table { width: 100%; margin: .75rem 0; }
.replay-ledger caption { text-align: left; color: var(--text-dim); font-size: .85rem; }
.article-body .replay-ledger th, .article-body .replay-ledger td { padding: .55rem .35rem; text-align: left; font-size: .92rem; }
.replay-ledger td:last-child { white-space: nowrap; }
.replay-method { border-block: 1px solid var(--border); padding: .75rem 0; }
.replay-method summary { cursor: pointer; font-weight: 600; }
.article-body .replay-method p, .article-body .replay-footnote { font-size: .88rem; line-height: 1.55; }
.article-body .replay-next { margin: 1rem 0 .25rem; font-weight: 600; }
.article-body .replay-footnote { margin: 0; color: var(--text-dim); }
@media (max-width: 520px) {
  .backtest-example { padding: .85rem; }
  .article-body .replay-ledger table { display: table; white-space: normal; }
  .replay-ledger thead th { text-transform: none; letter-spacing: normal; }
  .article-body .replay-ledger th, .article-body .replay-ledger td { padding: .45rem .2rem; font-size: .78rem; }
}