.euler786-figure {
  margin: 0 0 2em;
  text-align: center;
}

.euler786-figure img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border: 1px solid var(--color-border-variation-1);
  border-radius: 0.7ex;
  background: #fbfaf6;
}

.euler786-figure figcaption {
  margin-top: 0.6em;
  font-size: 0.85em;
  line-height: 1.35;
}

.euler786-visualization-frame {
  display: block;
  width: 100%;
  height: 760px;
  margin: 0 0 2em;
  border: 1px solid var(--color-border-variation-1);
  border-radius: 0.7ex;
  background: #fbfaf6;
}

.euler786-wide-formula {
  overflow-x: auto;
  overflow-y: hidden;
}

@media screen and (max-width: 50em) {
  .euler786-visualization-frame {
    height: 720px;
  }
}