/* Pale version of the shared rounded tile; fixed boxes prevent swap reflow. */
.book-icon {
  position: relative;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  color: var(--gold-ink);
  background: linear-gradient(145deg, #fff, #f4eddb);
  box-shadow: inset 0 0 0 1px #a8873545, inset 0 1px 0 #fff9, 0 2px 4px #6b501218;
  pointer-events: none;
}
.book-icon > svg { width: 28px; height: 28px; }
.book-icon-render {
  position: absolute;
  width: 40px;
  height: 40px;
  filter: drop-shadow(1px 2px 1px #59421565);
}
.book-icon.is-raised > svg { visibility: hidden; }
.book-icon-small { width: 36px; height: 36px; border-radius: 10px; }
.book-icon-small > svg { width: 24px; height: 24px; }
.book-icon-small .book-icon-render { width: 30px; height: 30px; }
@media (max-width: 760px) {
  .option-top .book-icon { width: 48px; height: 48px; border-radius: 12px; }
  .option-top .book-icon-render { width: 36px; height: 36px; }
}
@media print {
  .book-icon-render { display: none; }
  .book-icon.is-raised > svg { visibility: visible; }
}