/* The JCA guide belongs to this directory's left rail, with a restrained overlap at the link edge. */
.support-related-inner > header {
  min-height: 396px;
  isolation: isolate;
  background: radial-gradient(ellipse at 88% 86%, rgba(180, 202, 206, .22), transparent 47%);
}

.support-related-inner > header::after {
  content: "";
  position: absolute;
  right: -48px;
  bottom: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, #b99860, #bdcbd0 64%, transparent);
  z-index: -1;
}

.related-character-stage {
  position: absolute;
  right: -90px;
  bottom: -1px;
  width: 195px;
  height: 282px;
  z-index: 3;
  pointer-events: none;
}

.related-character-stage::before {
  content: "";
  position: absolute;
  right: 23px;
  bottom: 1px;
  width: 136px;
  height: 20px;
  border-radius: 50%;
  background: rgba(15, 48, 68, .20);
  filter: blur(8px);
  transform: rotate(-5deg);
}

.related-character-stage img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  filter: drop-shadow(3px 8px 6px rgba(13, 43, 61, .20));
}

@media (max-width: 1000px) {
  .support-related-inner > header {
    min-height: 235px;
  }

  .support-related-inner > header::after {
    right: 0;
  }

  .support-related h2 {
    max-width: calc(100% - 160px);
  }

  .related-character-stage {
    right: 18px;
    bottom: -45px;
    width: 170px;
    height: 246px;
  }
}

@media (max-width: 560px) {
  .support-related-inner > header {
    min-height: 252px;
  }

  .support-related h2 {
    max-width: calc(100% - 100px);
    font-size: 37px;
  }

  .related-character-stage {
    right: -16px;
    bottom: -40px;
    width: 135px;
    height: 196px;
  }
}