/* Keep long display equations readable at narrow widths without shrinking the type. */
.math.display {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.math.display mjx-container[jax="SVG"] {
  width: max-content;
  min-width: 100%;
  padding: 0.25em 0;
}

/* Inline derivations can also be wider than a phone screen. */
.math.inline {
  display: inline-block;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  vertical-align: middle;
}