.cross-graph-detail.hidden,
.cross-graph-navigation.hidden {
  display: none;
}

.cross-graph-narrative {
  margin: 0;
  line-height: 1.65;
  white-space: normal;
}

.cross-graph-causal {
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, currentColor 4%, transparent);
}

.cross-graph-causal span {
  display: block;
  margin-bottom: 5px;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .58;
}

.cross-graph-causal p {
  margin: 0;
  line-height: 1.55;
}

.cross-graph-actions {
  display: grid;
  gap: 8px;
}

.cross-graph-actions button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
  border-radius: 11px;
  background: color-mix(in srgb, currentColor 4%, transparent);
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.cross-graph-actions button:hover {
  background: color-mix(in srgb, currentColor 8%, transparent);
}

.cross-graph-actions button span {
  opacity: .62;
}