.diagram-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
}

.linking-diagram {
  --caller-color: #1d4ed8;
  --callee-color: #1a7f37;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  margin: 0.25rem 1.25rem 1.75rem;
}

@media (prefers-color-scheme: dark) {
  .linking-diagram {
    --caller-color: #60a5fa;
    --callee-color: #4ac26b;
  }
}

.linking-diagram-body {
  align-self: center;
  width: 260px;
  max-width: 100%;
}

.linking-diagram-body svg {
  display: block;
  width: 100%;
  height: auto;
  font-family: var(--code-font);
}

.linking-diagram-body > .chart-title {
  margin-bottom: 0.25rem;
}

.linking-diagram figcaption {
  margin-top: 1rem;
  max-width: 24rem;
}