/* Responsive design */
@media (max-width: 768px) {
  .stages-container {
    flex-direction: column;
    gap: var(--space-md);
    padding: var(--space-md);
  }
  .stage {
    min-width: 100%;
    max-width: 100vw;
  }
  .modal-content {
    min-width: 90vw;
    padding: var(--space-md);
  }
  #tags-panel.sidebar {
    max-width: 100vw;
    padding: var(--space-sm);
    margin-bottom: var(--space-sm);
  }
  .tags-cloud {
    flex-wrap: wrap;
    gap: 4px;
  }
}
