/* ABOUTME: Book page styles: the cover on its pastel tile beside the title, Amazon buttons and description, then related books. */
/* ABOUTME: On narrow screens the cover sits above the text; from 760px the cover column stays in view while the text scrolls. */

.book { padding-top: 1.25rem; }

.book__back { margin: 0 0 1.25rem; font-family: var(--font-display); font-weight: 500; }
.book__back a { text-decoration: none; }
.book__back a:hover { text-decoration: underline; }

.book__layout {
  display: grid;
  gap: clamp(1.5rem, 4vw, 3.5rem);
  align-items: start;
}

@media (min-width: 760px) {
  .book__layout { grid-template-columns: minmax(240px, 380px) 1fr; }
  .book__cover { position: sticky; top: 1.5rem; }
}

.book__cover {
  display: grid;
  place-items: center;
  padding: clamp(1.75rem, 6vw, 3rem);
  border-radius: var(--radius-box);
  background: var(--tint);
}

.book__cover img {
  display: block;
  max-width: min(300px, 100%);
  border-radius: 4px;
  box-shadow: var(--shadow-cover);
  transform: rotate(var(--tilt));
}

.book__title { font-size: clamp(1.8rem, 4.5vw, 2.6rem); }

.button--buy { font-size: 1.15rem; }

.related { padding-top: clamp(3rem, 7vw, 4.5rem); }