.td-replay-figure .td-replay-intro { margin: -4px 0 16px; color: var(--text); font-size: 14px; line-height: 1.75; }
.td-replay-controls { display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 14px; }
.td-replay-controls button { border: 1px solid var(--border); border-radius: 7px; padding: 7px 13px; background: var(--surface); color: var(--text); font: inherit; font-size: 13px; cursor: pointer; }
.td-replay-controls button[aria-pressed="true"] { border-color: var(--text); background: var(--text); color: var(--surface); }
.td-replay-controls button:focus-visible { outline: 2px solid var(--text); outline-offset: 2px; }
.td-replay-scroll { border: 1px solid var(--border); }
.td-replay-scroll svg { min-width: 700px; }
.td-replay-line { margin: 13px 0 6px; font-size: 14px; line-height: 1.7; }
.td-replay-calc { margin: 0 0 14px; }
.td-replay-calc code { display: inline-block; padding: 7px 10px; border: 1px solid var(--border); border-radius: 5px; background: var(--surface); font-size: 13px; }
@media (max-width: 600px) {
  .td-replay-figure .td-replay-intro { font-size: 13px; }
  .td-replay-controls button { padding: 7px 10px; }
}