@charset "utf-8";

* {
  box-sizing: border-box;
}

.book-list-wrapper {
  container-type: inline-size;
}
.book-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.book-title::before {
  content: "📖";
  margin-right: 8px;
  flex-shrink: 0;
}

/* コンテナクエリ */

@container (max-width: 600px) {
  .book-list {
    grid-template-columns: 1fr;
  }
}

/* カード */

.book-card,
.event-book-card {
  display: grid;
  grid-template-columns: 1fr 5fr;
  gap: 10px;
  border-bottom: 1px dashed var(--tertiary);
  padding: 0.5rem;
  align-items: start;
}
.event-book-card {
  max-width: 480px;
  margin: 0.5rem auto;
}
/* 画像 */
.book-image {
  max-width: 96px;
  padding: 0.25rem;
}

/* 右側 */

.book-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

/* タイトル */
.book-title {
  font-size: var(--font-size-sm);
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 0.25rem;
  margin-left: 1rem;
  text-indent: -1rem;
}

.book-title::before {
  content: "📖";
  margin-right: 0;
  margin-left: -5px;
}
/* 著者名、作画者名、翻訳者名 */
.book-author,
.book-illustrator,
.book-translator,
.book-other,
.book-publish {
  font-size: var(--font-size-xs);
  margin-left: 17px;
}
/* （）書き */
.book-author::after,
.book-illustrator::after,
.book-translator::after,
.book-other::after {
  content: "(" attr(data-role) ")";
  margin-left: 2px;
}
/* 出版社と出版年をカンマ区切りに */
.book-publisher::after {
  content: ", ";
}
/* あらすじ */
.book-summary {
  line-height: 1.3;
  font-size: var(--font-size-sm);
  margin-left: 17px;
  margin-top: 1rem;
  text-indent: 0.875rem;
  white-space: pre-line;
}

.nodata {
  font-size: var(--font-size-sm);
  text-indent: 3rem;
  margin-bottom: 0.5rem;
}