a,
button {
  touch-action: manipulation;
}

button {
  position: relative;
  z-index: 2147483647;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

/* Product actions and feedback must always sit above the renderer. The later
   component styles intentionally keep their local layout values; only layer
   ownership is global and non-negotiable here. */
.runtime-banner,
.mind-picker,
.render-controls,
.graph-toast {
  z-index: 2147483647 !important;
}

.runtime-banner {
  position: relative;
}

.mind-picker {
  pointer-events: auto;
}

.mind-picker button {
  pointer-events: auto;
}

.mind-picker__create {
  display: flex;
  width: 100%;
  justify-content: center;
}

.graph-toast__link {
  position: relative;
  z-index: 2147483647;
  pointer-events: auto;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

.fork-switcher a[aria-current="page"] {
  color: #fff;
  opacity: 1;
}

button.primary-action {
  border: 0;
  appearance: none;
  text-align: left;
  cursor: pointer;
}

.primary-action:active {
  transform: translateY(1px);
}

@media (hover: none), (pointer: coarse) {
  .fork-switcher a:hover:not([aria-current]) {
    color: var(--muted);
    background: transparent;
  }

  .primary-action:hover {
    transform: none;
  }

  .primary-action:active {
    transform: translateY(1px);
  }

  .runtime-footer__selector:hover:not([aria-pressed="true"]) {
    color: inherit;
  }
}