/* Keep each complete explanation–formula sequence visually separate. */
.equation-unit .derivation-panel {
  min-width: 0;
  padding: .85rem 1rem;
  margin: .75rem 0 .9rem;
  background: var(--panel);
  border: 1px solid var(--rule);
  border-radius: .45rem;
}
.derivation-panel > :first-child {
  margin-top: 0;
}
.derivation-panel > :last-child {
  margin-bottom: 0;
}
.derivation-flow .derivation-reason,
.derivation-flow .derivation-reason > p {
  margin: 0;
}
.derivation-flow .derivation-reason + .derivation-reason {
  margin-top: .7rem;
}
.derivation-flow .math-display {
  max-width: 100%;
  margin: .35rem 0 1.5rem;
  padding: .1rem .4rem;
}
.derivation-flow .math-display .katex-display {
  margin: 0;
}
@media (max-width: 760px) {
  .equation-unit .derivation-panel {
    padding: .65rem .45rem;
  }
  /* Put source equation numbers below wide formulas on narrow screens. */
  .derivation-flow .katex-display > .katex > .katex-html > .katex-tag {
    position: static;
    display: block;
    padding-top: .35em;
    text-align: right;
  }
  .derivation-flow .katex-tag > .katex-strut {
    display: none;
  }
}