/* Public library layout adjustments; no Bootstrap dependency. */
.jk-public .stories-library > .wrap {
  padding-block: 22px 48px;
}

.jk-public .stories-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.jk-public .story-library-card {
  grid-template-columns: 180px minmax(0, 1fr);
}

.jk-public .story-library-cover {
  height: 100%;
  max-height: none;
  aspect-ratio: auto;
}

.jk-public .story-library-card > div {
  padding: 20px;
}

.jk-public .animation-paths,
.jk-public .animation-search-deck,
.jk-public .animation-spotlight,
.jk-public .animation-poster-library {
  margin-block: 24px;
  padding-block: 12px;
}

.jk-public .animation-spotlight-stack {
  gap: 16px;
}

.jk-public .animation-feature-card {
  grid-template-columns: 170px minmax(0, 1fr);
  min-height: 0;
}

.jk-public .animation-feature-poster {
  min-height: 220px;
  max-height: none;
}

.jk-public .animation-feature-copy {
  padding: 22px 26px;
}

.jk-public .animation-feature-copy > p {
  line-height: 1.8;
}

@media (max-width: 1050px) {
  .jk-public .stories-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .jk-public .stories-library-hero .wrap {
    padding-block: 28px 20px;
  }

  .jk-public .story-library-card {
    grid-template-columns: 1fr;
  }

  .jk-public .story-library-cover {
    height: auto;
    aspect-ratio: 16 / 10;
  }

  .jk-public .story-library-card > div {
    padding: 18px;
  }

  .jk-public .animation-cinema-hero .animation-poster-stage {
    height: 205px;
  }

  .jk-public .animation-feature-card {
    grid-template-columns: 1fr;
  }

  .jk-public .animation-feature-poster {
    min-height: 0;
    height: auto;
    aspect-ratio: 16 / 10;
  }

  .jk-public .animation-feature-copy {
    padding: 18px;
  }

  .jk-public .animation-feature-copy p {
    font-size: 13px;
    line-height: 1.8;
  }

  .jk-public .animation-feature-actions > a {
    min-height: 44px;
    align-items: center;
    font-size: 13px;
  }
}