#peterpen-page-designs .cover.real-cover {
  display: block;
  position: relative;
  flex-shrink: 0;
  aspect-ratio: 2 / 3;
  overflow: hidden;
  padding: 0;
  background: var(--canvas);
  color: transparent;
}
#peterpen-page-designs .cover.real-cover img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#peterpen-page-designs .work-open {
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
#peterpen-page-designs .book.work-open {
  display: flex;
  flex-direction: column;
  align-self: start;
  padding: 0;
  min-width: 0;
}
#peterpen-page-designs .discovery-card.work-open { display: flex; flex-direction: column; align-self: start; padding: 0; }
#peterpen-page-designs .rank-row.work-open { padding: 10px 0; }
#peterpen-page-designs .rank-row.work-open .row-title,
#peterpen-page-designs .rank-row.work-open .row-meta { display: block; }
#peterpen-page-designs .list-row.work-open { padding: 10px 0; }
#peterpen-page-designs button.action { border: 0; font-family: inherit; cursor: pointer; }
#peterpen-page-designs .book .book-name,
#peterpen-page-designs .discovery-card .row-title {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}