/* 作品固有の人物詳細を既存の一覧・カード内で読みやすく表示する。 */
body[data-page="home"] .character-table {
  min-width: 0;
}

body[data-page="characters"] details.character-detail-item {
  display: block;
}

body[data-page="characters"] details.character-detail-item summary {
  cursor: pointer;
  line-height: 1.5;
}

body[data-page="characters"] details.character-detail-item p {
  margin-top: 8px;
  line-height: 1.5;
}

@media (max-width: 850px) {
  .site-title {
    font-size: clamp(0.72rem, 3.6vw, 1.05rem);
    line-height: 1.25;
    white-space: nowrap;
  }

  .person-mobile-list-head {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

}

@media (max-width: 1100px) {
  body[data-page="home"] [data-static-list] .static-desktop { display: none; }
  body[data-page="home"] [data-static-list] .static-mobile { display: block; }
  body[data-page="home"] .reference-mobile-list-head {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-page="home"] .reference-card-summary {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }

  body[data-page="home"] .reference-card-fields {
    min-width: 0;
  }

  body[data-page="home"] .reference-card-field {
    display: block;
    overflow-wrap: anywhere;
    line-height: 1.5;
  }

  body[data-page="home"] .reference-card-field b {
    margin-right: 0.35em;
  }
}