/* YAS Clinic 4.4 — realistic skeleton artwork for the home-page scan panels. */
.yas-skeleton-render {
  display: block;
  position: relative;
  z-index: 1;
  max-width: none;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
}

.spine-stage .yas-skeleton-hero {
  width: 96%;
  height: 96%;
  opacity: 0.94;
  filter:
    brightness(0.86)
    contrast(1.08)
    saturate(0.72)
    drop-shadow(0 0 10px rgba(131, 245, 232, 0.34));
  animation: yasSkeletonHeroPulse 4s ease-in-out infinite;
}

.risk-figure .yas-skeleton-risk {
  width: 91%;
  height: 92%;
  opacity: 0.9;
  filter:
    brightness(0.78)
    contrast(1.12)
    saturate(0.68)
    drop-shadow(0 0 15px rgba(131, 245, 232, 0.3));
}

@keyframes yasSkeletonHeroPulse {
  50% {
    transform: scale(1.012);
    filter:
      brightness(0.91)
      contrast(1.08)
      saturate(0.74)
      drop-shadow(0 0 22px rgba(131, 245, 232, 0.52));
  }
}

@media (max-width: 800px) {
  .spine-stage .yas-skeleton-hero {
    width: 98%;
    height: 98%;
  }

  .risk-figure .yas-skeleton-risk {
    width: 84%;
    height: 92%;
  }
}

@media (max-width: 520px) {
  .risk-figure .yas-skeleton-risk {
    width: 76%;
    height: 94%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .spine-stage .yas-skeleton-hero {
    animation: none;
  }
}