/* Keep each front cover whole, alongside its existing bibliographic notice. */
.book {
  grid-template-columns: 50px 200px minmax(0, 1fr);
  column-gap: clamp(24px, 4vw, 60px);
  align-items: start;
}

.book-cover {
  display: block;
  width: 100%;
  box-shadow: 0 6px 18px #172b391a;
}

.book-cover img {
  display: block;
  width: 100%;
  height: auto;
}

.book-cover:focus-visible {
  outline: 3px solid #8b4438;
  outline-offset: 6px;
}

@media (width <= 700px) {
  .book {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 26px 16px;
  }

  .book-cover {
    grid-column: 2;
    width: 180px;
    max-width: 100%;
  }

  .book > div {
    grid-column: 2;
  }
}