.wushu-node-panel {
  display: none;
}

.wushu-node-panel.is-active {
  display: block;
}

.wushu-switch-target {
  transition: opacity 180ms ease;
  will-change: opacity;
}

.wushu-switch-target.is-fading-out,
.wushu-switch-target.is-fading-in {
  opacity: 0;
}

.wushu-hero-figure {
  margin: 0;
  width: min(100%, 320px);
  aspect-ratio: 4 / 3;
}

.wushu-hero-figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.wushu-node-map-shell {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.wushu-node-map-shell,
.wushu-node-map-shell > div {
  width: 100%;
}

.wushu-node-map-head h3 {
  margin: 0 0 8px;
}

.wushu-node-map-head p,
.wushu-node-tip,
.wushu-node-summary,
.wushu-node-why {
  margin: 0;
}

#wushu-node-map {
  width: 100%;
  height: 320px;
  min-height: 320px;
  position: relative;
  overflow: hidden;
  border: 2px solid #8f7a5b;
  border-radius: 18px;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.35), transparent 25%),
    linear-gradient(180deg, #e7d8bf 0%, #e3d2b5 100%);
}

#wushu-node-map > .vis-network,
#wushu-node-map .vis-network,
#wushu-node-map .vis-network canvas,
#wushu-node-map canvas {
  display: block;
  width: 100% !important;
  height: 320px !important;
  min-height: 320px !important;
}

#wushu-node-map > .vis-network,
#wushu-node-map .vis-network {
  min-height: 320px !important;
  height: 320px !important;
}

.wushu-node-tip {
  border: 2px solid #8f7a5b;
  border-radius: 14px;
  padding: 14px 18px;
  background: #fffdfa;
}

@media (max-width: 767.98px) {
  #wushu-node-map {
    height: 260px;
    min-height: 260px;
  }

  #wushu-node-map > .vis-network,
  #wushu-node-map .vis-network,
  #wushu-node-map .vis-network canvas,
  #wushu-node-map canvas {
    height: 260px !important;
    min-height: 260px !important;
  }

  #wushu-node-map > .vis-network,
  #wushu-node-map .vis-network {
    min-height: 260px !important;
  }

  .wushu-hero-figure {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wushu-switch-target {
    transition: none;
  }
}