/* Palworld 固有の一覧レイアウト調整 */
.pal-table {
  min-width: 0;
  table-layout: fixed;
}

.pal-table th:nth-child(1),
.pal-table td:nth-child(1) {
  width: 10%;
}

.pal-table th:nth-child(2),
.pal-table td:nth-child(2) {
  width: 28%;
}

.pal-table th:nth-child(3),
.pal-table td:nth-child(3) {
  width: 20%;
}

.pal-table th:nth-child(4),
.pal-table td:nth-child(4) {
  width: 42%;
}

@media (min-width: 851px) and (max-width: 1100px) {
  .pal-table th:nth-child(1),
  .pal-table td:nth-child(1) {
    width: 4.25rem;
  }

  .pal-table th:nth-child(4),
  .pal-table td:nth-child(4) {
    width: calc(52% - 4.25rem);
  }
}

.approved-list-table {
  min-width: 0;
}

body[data-page="breeding"] .approved-list-table th:nth-child(1),
body[data-page="breeding"] .approved-list-table td:nth-child(1) {
  width: 12%;
}

body[data-page="breeding"] .approved-list-table th:nth-child(2),
body[data-page="breeding"] .approved-list-table td:nth-child(2) {
  width: 36%;
}

body[data-page="breeding"] .approved-list-table th:nth-child(3),
body[data-page="breeding"] .approved-list-table td:nth-child(3) {
  width: 22%;
}

body[data-page="breeding"] .approved-list-table th:nth-child(4),
body[data-page="breeding"] .approved-list-table td:nth-child(4) {
  width: 30%;
}

body[data-page="passives"] .approved-list-table th:nth-child(1),
body[data-page="passives"] .approved-list-table td:nth-child(1) {
  width: 72%;
}

body[data-page="passives"] .approved-list-table th:nth-child(2),
body[data-page="passives"] .approved-list-table td:nth-child(2) {
  width: 28%;
}

body[data-page="technologies"] .approved-list-table th:nth-child(1),
body[data-page="technologies"] .approved-list-table td:nth-child(1),
body[data-page="structures"] .approved-list-table th:nth-child(1),
body[data-page="structures"] .approved-list-table td:nth-child(1) {
  width: 18%;
}

body[data-page="technologies"] .approved-list-table th:nth-child(2),
body[data-page="technologies"] .approved-list-table td:nth-child(2),
body[data-page="structures"] .approved-list-table th:nth-child(2),
body[data-page="structures"] .approved-list-table td:nth-child(2) {
  width: 82%;
}

body[data-page="bosses"] .approved-list-table th:nth-child(1),
body[data-page="bosses"] .approved-list-table td:nth-child(1) {
  width: 62%;
}

body[data-page="bosses"] .approved-list-table th:nth-child(2),
body[data-page="bosses"] .approved-list-table td:nth-child(2) {
  width: 38%;
}

.breeding-combo-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

body[data-page="breeding"] .character-detail,
body[data-page="passives"] .character-detail,
body[data-page="technologies"] .character-detail,
body[data-page="structures"] .character-detail,
body[data-page="bosses"] .character-detail,
body[data-page="breeding"] .character-detail-item {
  grid-template-columns: minmax(0, 1fr);
}

body[data-page="breeding"] .character-detail-item h3 {
  white-space: normal;
}

body[data-page="passives"] .character-detail-item,
body[data-page="technologies"] .character-detail-item,
body[data-page="structures"] .character-detail-item,
body[data-page="bosses"] .character-detail-item {
  grid-template-columns: 11rem minmax(0, 1fr);
}

body[data-page="passives"] .character-detail-item {
  grid-template-columns: 4rem minmax(0, 1fr);
}

body[data-page="passives"] .character-detail-item h3,
body[data-page="technologies"] .character-detail-item h3,
body[data-page="structures"] .character-detail-item h3,
body[data-page="bosses"] .character-detail-item h3 {
  white-space: normal;
}

.breeding-combo-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  min-width: 0;
  padding: 6px 8px;
  border: 1px solid #f4d9e7;
  border-radius: 8px;
  background: #fffafc;
  color: var(--text-main);
  font-size: 0.82rem;
  line-height: 1.35;
  text-align: center;
}

.breeding-combo-item span {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 850px) {
  .approved-card-summary {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
  }

  body[data-page="technologies"] .approved-card-summary,
  body[data-page="structures"] .approved-card-summary {
    grid-template-columns: 5rem minmax(0, 1fr);
  }

  .approved-card-summary .character-name-button {
    width: 100%;
    justify-content: space-between;
  }

  .approved-card-summary .pal-card-number,
  .approved-card-summary .pal-card-value {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 4px;
    align-items: center;
  }

  .approved-card-label {
    color: var(--brand);
    font-size: 0.65rem;
    font-weight: 900;
    white-space: nowrap;
  }

  body[data-page="passives"] .character-detail-item,
  body[data-page="technologies"] .character-detail-item,
  body[data-page="structures"] .character-detail-item,
  body[data-page="bosses"] .character-detail-item {
    grid-template-columns: 8.5rem minmax(0, 1fr);
  }

  body[data-page="technologies"] .character-detail-item,
  body[data-page="structures"] .character-detail-item {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }

  body[data-page="passives"] .character-detail-item {
    grid-template-columns: 4rem minmax(0, 1fr);
  }

  .breeding-combo-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* Initial HTML lists stay readable before scripts run and at mobile widths. */
.static-mobile { display: none; }
.static-row-detail summary { cursor: pointer; color: var(--brand); }
.static-row-detail:not([open]) > :not(summary) { display: none; }
.static-row-detail .character-detail { grid-template-columns: minmax(0, 1fr); margin-top: 8px; }
.static-list-card { padding: 10px; }
.static-list-card > div { min-width: 0; padding: 3px 0; overflow-wrap: anywhere; }
.static-list-card .approved-card-label { display: block; }
.breeding-detail-link { display: inline-block; margin-inline-start: 0.5em; font-size: 0.82em; }
.breeding-static-section { margin-block: 14px; scroll-margin-top: 84px; }
.breeding-static-section h2 { margin-top: 0; }
.breeding-range-nav { padding: 12px; }
@media (max-width: 850px) {
  .static-desktop { display: none; }
  .static-mobile { display: grid; }

  .static-list-card {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
    gap: 4px 8px;
    padding: 8px 10px;
    align-items: center;
  }

  #pal-list-container .static-list-card,
  #breeding-list-container .static-list-card {
    grid-template-columns: 4.2rem minmax(0, 1fr);
  }

  #technologies-list-container .static-list-card,
  #structures-list-container .static-list-card {
    grid-template-columns: 5rem minmax(0, 1fr);
  }

  #passives-list-container .static-list-card {
    grid-template-columns: minmax(0, 1fr) 3rem;
  }

  .static-list-card > div { padding: 0; }
  .static-list-card > div:nth-child(-n+2) > .approved-card-label { display: none; }
  .static-list-card > div:nth-child(-n+2) > div { font-weight: 800; }
  .static-list-card > div:nth-child(n+3) {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr);
    gap: 5px;
  }

  .static-list-card .static-row-detail summary { font-weight: 900; }
  .static-list-card .static-row-detail .character-detail { padding: 6px 0 0; }
  .static-list-card .static-row-detail .character-detail-item { grid-template-columns: minmax(0, 1fr); }
}

/* Keep the selected category visible in both closed Pal list views. */
.pal-category-label { display: block; color: var(--text-main); font-size: 0.72rem; font-weight: 500; line-height: 1.4; }

/* Give short attribute values their own line beneath the supplemental label. */
.pal-card-value .approved-card-label { display: block; }