/* Shared public Tarot library shell/hero contract.
   Domain grids/details remain owned by Card Library and Spread Library. */
.public-library-shell {
  display: grid;
  gap: 22px;
  padding: 44px 0 88px;
}

.public-library-hero {
  max-width: none;
  padding: clamp(24px, 4vw, 44px);
  overflow: hidden;
}

.public-library-hero h1 {
  max-width: 14ch;
  margin: .25rem 0 .55rem;
}

.public-library-hero .lede {
  max-width: 62ch;
}

@media (max-width: 720px) {
  .public-library-shell {
    padding: 26px 0 52px;
  }

  .public-library-hero {
    padding: 24px 20px;
  }
}