@import url("/assets/shared/f831412fd3a0a6d0473db94b7ea4c7dfce5dfb9580a1f06861b8f008ece4dd15.css");

/* 作品別一覧ページ固有レイアウト */
body[data-content-page] .layout-shell {
  max-width: 1280px;
  margin-top: 0;
}

body[data-content-page] .main-content {
  flex: 1 1 auto;
  min-width: 0;
  padding-top: 2px;
  padding-bottom: 28px;
}

body[data-content-page] .site-intro {
  margin-top: 0;
  padding-top: 0;
}

body[data-content-page] .site-intro .subpage-title {
  margin: 0 0 4px;
  color: var(--accent);
  font-size: 1.35rem;
  line-height: 1.3;
  text-align: left;
}

body[data-content-page] .character-list-note {
  margin: 0 0 10px;
  color: var(--text-muted);
  font-size: 0.86rem;
  line-height: 1.55;
}

body[data-content-page] .character-control--mobile-sort {
  display: none;
}

body[data-content-page] .character-table--generic {
  min-width: 760px;
  table-layout: auto;
}

body[data-content-page] .character-table--generic th:nth-child(n),
body[data-content-page] .character-table--generic td:nth-child(n) {
  width: auto;
}

body[data-content-page] .character-table--generic th:first-child,
body[data-content-page] .character-table--generic td:first-child {
  min-width: 13rem;
}

@media (max-width: 850px) {
  body[data-content-page] .character-card-summary--with-value {
    grid-template-columns: minmax(0, 1fr) 3.25rem;
  }

  body[data-content-page] .character-card-name-cell {
    display: block;
    min-width: 0;
  }

  body[data-content-page] .character-name-button {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    width: 100%;
    gap: 6px;
  }

  body[data-content-page] .character-name-text,
  body[data-content-page] .character-name-static {
    overflow-wrap: normal;
    word-break: normal;
    white-space: nowrap;
  }

  body[data-content-page] .character-open-icon {
    justify-self: end;
  }

  body[data-content-page] .character-card-value {
    justify-self: stretch;
  }

  body[data-content-page] .character-card-profile-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px 6px;
  }

  body[data-content-page] .character-card-profile-meta span {
    justify-content: flex-start;
    border-radius: 10px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body[data-content-page] .character-card-profile-meta span:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  body[data-page="routes"] .character-card-profile-meta,
  body[data-page="handnotes"] .character-card-profile-meta {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 600px) {
  body[data-content-page] .main-content {
    padding: 6px 8px 8px;
  }

  body[data-content-page] .character-control--mobile-sort {
    display: grid;
  }
}