/* Functional graph sizing and marks only. Production chrome remains the
   unmodified Zensical 0.0.50 runtime default. */
.graph-shell {
  min-height: 520px;
  height: clamp(520px, 68vh, 840px);
  overflow: hidden;
  position: relative;
}

.graph-shell svg {
  display: block;
  width: 100%;
  height: 100%;
}

.graph-node {
  fill: var(--md-accent-fg-color--transparent);
  stroke: var(--md-accent-fg-color);
  stroke-width: 1.5;
}

.graph-edge {
  stroke: var(--md-default-fg-color--lighter);
  stroke-opacity: .55;
}

.graph-label {
  fill: var(--md-default-fg-color);
  font: 11px var(--md-text-font-family, system-ui);
}

.graph-error {
  padding: 1rem;
}

.graph-text-alternative {
  margin-block: 1rem;
}

.graph-text-alternative[open] {
  max-height: 32rem;
  overflow: auto;
}

@media (max-width: 760px) {
  .graph-shell,
  .graph-shell svg {
    min-height: 380px;
    height: 380px;
  }
}