html { -webkit-text-size-adjust: 100%; }
body {
  font-family: "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;
  word-break: keep-all;
  overflow-wrap: break-word;
  text-rendering: optimizeLegibility;
}
.book-cover {
  aspect-ratio: 3 / 4.12;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #e7e1d4;
  box-shadow: 0 16px 35px rgba(23,35,29,.16);
  transition: transform .25s, box-shadow .25s;
}
.book-cover img { display: block; width: 100%; height: 100%; object-fit: contain; }
.book-card:hover .book-cover { transform: translateY(-7px); box-shadow: 0 24px 44px rgba(23,35,29,.22); }
.page-head h1, .about-hero h1, .hero h1 { text-wrap: balance; }
.book-card h2 { min-height: 1.3em; }
@media (max-width: 560px) {
  .site-nav { height: auto; min-height: 74px; gap: 12px; }
  .logo { white-space: nowrap; }
  .page-head h1 { font-size: 44px; line-height: 1.08; }
  .page-head > p:last-child { padding-left: 18px; }
  .filterbar { gap: 12px; }
  .filterbar > span { white-space: nowrap; }
}