.reveal {
  opacity: 0;
  transform: translate3d(0, 16px, 0);
  transition: opacity 520ms var(--ease), transform 520ms var(--ease);
  transition-delay: var(--reveal-delay, 0ms);
}

.reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.status-row,
.tree-node,
.arch-node,
.state-node,
.priority-card,
.queue-item,
.pipeline-step,
.risk-rule {
  transition: background 160ms var(--ease), border-color 160ms var(--ease), transform 160ms var(--ease);
}

.status-row.is-active,
.tree-node.is-highlighted,
.arch-node.is-active,
.state-node.is-active,
.priority-card.is-active,
.queue-item.is-active,
.pipeline-step.is-active,
.risk-rule.is-blocked {
  transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
  }

  .reveal {
    opacity: 1;
    transform: none;
  }
}