/* Visual evidence layer for case-study diagrams. */

.diagram-stack {
  display: grid;
  gap: var(--space-xl);
}

.diagram-figure {
  display: grid;
  gap: 0.8rem;
  margin: 0;
  padding: var(--space-md);
  border: var(--rule-hair) solid var(--color-rule);
  background: var(--color-card);
  backdrop-filter: blur(10px);
}

.diagram-figure img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid rgba(195, 208, 241, 0.72);
  border-radius: var(--radius-md);
  background: #f7f9fe;
  box-shadow: 0 14px 34px rgba(5, 9, 24, 0.22);
}

.diagram-caption {
  max-width: 86ch;
  margin: 0;
  color: var(--color-muted);
  font-size: var(--text-sm);
  line-height: 1.65;
}

@media (max-width: 52rem) {
  .diagram-figure {
    margin-inline: calc(var(--page-gutter) * -0.25);
    padding: var(--space-sm);
  }
}