@media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
  .entry-list.scroll-stack-enabled {
    --stack-card-gap: 64px;
    --stack-release-space: clamp(200px, 26vh, 280px);
    position: relative;
    display: block;
    isolation: isolate;
  }

  .entry-list.scroll-stack-enabled > .scroll-stack-card {
    position: relative;
    margin-bottom: var(--stack-card-gap);
    transform-origin: top center;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    will-change: transform, filter;
    transition: border-color 180ms var(--ease), box-shadow 180ms var(--ease);
  }

  .entry-list.scroll-stack-enabled > .scroll-stack-card.entry {
    background: var(--surface);
    box-shadow: 0 18px 44px rgba(22, 35, 28, .08);
  }

  .entry-list.scroll-stack-enabled > .scroll-stack-card.chapter-card-link {
    background: var(--sysu-green);
    box-shadow: 0 18px 44px rgba(22, 35, 28, .12);
  }

  .entry-list.scroll-stack-enabled > .scroll-stack-card:hover {
    border-color: rgba(1, 87, 38, .38);
    transform: none;
  }

  .entry-list.scroll-stack-enabled > .scroll-stack-end {
    width: 100%;
    height: var(--stack-release-space);
    pointer-events: none;
  }
}

.scroll-stack-end { display: none; }

@media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
  .entry-list.scroll-stack-enabled > .scroll-stack-end { display: block; }
}

@media (max-width: 900px), (prefers-reduced-motion: reduce) {
  .scroll-stack-card {
    filter: none !important;
    transform: none !important;
    will-change: auto !important;
  }
}