/* Static list presentation for the consolidated work page. */
body[data-rendering="static"] .static-list-section { margin-top: 22px; }
body[data-rendering="static"] .static-list-section > h2 { margin: 0 0 8px; color: var(--accent); font-size: 1.18rem; }
body[data-rendering="static"] .static-list-description { margin: 0 0 12px; color: var(--text-muted); font-size: .9rem; line-height: 1.6; }
body[data-rendering="static"] .static-order-control { display: flex; justify-content: flex-end; margin: 8px 0; }
body[data-rendering="static"] .character-table th,
body[data-rendering="static"] .character-table td { overflow-wrap: anywhere; }
body[data-rendering="static"] .character-table--scoped { min-width: 0; }

body[data-page="characters"][data-rendering="static"] .character-table--scoped th:nth-child(1),
body[data-page="characters"][data-rendering="static"] .character-table--scoped td:nth-child(1) { width: 38%; }
body[data-page="characters"][data-rendering="static"] .character-table--scoped th:nth-child(2),
body[data-page="characters"][data-rendering="static"] .character-table--scoped td:nth-child(2) { width: 20%; }
body[data-page="characters"][data-rendering="static"] .character-table--scoped th:nth-child(3),
body[data-page="characters"][data-rendering="static"] .character-table--scoped td:nth-child(3) { width: 42%; }

body[data-page="home"][data-rendering="static"] #list-shops .character-table { min-width: 0; }
body[data-page="home"][data-rendering="static"] #list-shops .character-table th:nth-child(1),
body[data-page="home"][data-rendering="static"] #list-shops .character-table td:nth-child(1) { width: 18%; }
body[data-page="home"][data-rendering="static"] #list-shops .character-table th:nth-child(2),
body[data-page="home"][data-rendering="static"] #list-shops .character-table td:nth-child(2) { width: 16%; }
body[data-page="home"][data-rendering="static"] #list-shops .character-table th:nth-child(3),
body[data-page="home"][data-rendering="static"] #list-shops .character-table td:nth-child(3) { width: 28%; }
body[data-page="home"][data-rendering="static"] #list-shops .character-table th:nth-child(4),
body[data-page="home"][data-rendering="static"] #list-shops .character-table td:nth-child(4) { width: 38%; }

@media (max-width: 850px) {
  body[data-page="characters"][data-rendering="static"] .character-card-summary {
    grid-template-columns: minmax(0, 1fr) minmax(0, auto);
  }

  body[data-page="characters"][data-rendering="static"] .character-card-summary .character-card-value:last-child,
  body[data-page="home"][data-rendering="static"] #list-shops .character-card-summary .character-card-value:nth-child(n + 3) {
    grid-column: 1 / -1;
    justify-self: stretch;
    text-align: left;
  }

  body[data-page="home"][data-rendering="static"] #list-shops .character-card-summary {
    grid-template-columns: minmax(0, 1fr) minmax(0, auto);
  }
}

@media (max-width: 600px) {
  body[data-page="home"][data-rendering="static"] #list-shops .character-table {
    min-width: 0;
  }
}