/* Work-specific content inside the existing table/card and fixed page frame. */
body[data-rendering="static"] .character-table { min-width: 0; }
body[data-rendering="static"] .character-table > thead > tr > th,
body[data-rendering="static"] .character-table > tbody > tr > td { width: auto; vertical-align: top; }
body[data-rendering="static"] #cards .character-table > thead > tr > th:nth-child(1) { width: 23%; }
body[data-rendering="static"] #cards .character-table > thead > tr > th:nth-child(2) { width: 12%; }
body[data-rendering="static"] #cards .character-table > thead > tr > th:nth-child(3) { width: 41%; }
body[data-rendering="static"] #cards .character-table > thead > tr > th:nth-child(4),
body[data-rendering="static"] #cards .character-table > thead > tr > th:nth-child(5) { width: 12%; }
body[data-rendering="static"] #heroes .character-table > thead > tr > th:nth-child(1) { width: 24%; }
body[data-rendering="static"] #heroes .character-table > thead > tr > th:nth-child(2) { width: 10%; }
body[data-rendering="static"] #heroes .character-table > thead > tr > th:nth-child(3) { width: 16%; }
body[data-rendering="static"] #heroes .character-table > thead > tr > th:nth-child(4) { width: 50%; }
body[data-rendering="static"] #monsters .character-table > thead > tr > th:nth-child(1) { width: 28%; }
body[data-rendering="static"] #monsters .character-table > thead > tr > th:nth-child(2) { width: 10%; }
body[data-rendering="static"] #monsters .character-table > thead > tr > th:nth-child(3) { width: 20%; }
body[data-rendering="static"] #monsters .character-table > thead > tr > th:nth-child(4) { width: 42%; }
body[data-rendering="static"] #bonbies .character-table > thead > tr > th:nth-child(1),
body[data-rendering="static"] #stations-routes .character-table > thead > tr > th:nth-child(1) { width: 25%; }
body[data-rendering="static"] #bonbies .character-table > thead > tr > th:nth-child(2),
body[data-rendering="static"] #stations-routes .character-table > thead > tr > th:nth-child(2) { width: 10%; }
body[data-rendering="static"] #bonbies .character-table > thead > tr > th:nth-child(3),
body[data-rendering="static"] #stations-routes .character-table > thead > tr > th:nth-child(3) { width: 65%; }
body[data-rendering="static"] #events .character-table > thead > tr > th:nth-child(1) { width: 27%; }
body[data-rendering="static"] #events .character-table > thead > tr > th:nth-child(2) { width: 13%; }
body[data-rendering="static"] #events .character-table > thead > tr > th:nth-child(3) { width: 60%; }
body[data-rendering="static"] #quizzes .character-table > thead > tr > th:nth-child(1) { width: 50%; }
body[data-rendering="static"] #quizzes .character-table > thead > tr > th:nth-child(2) { width: 13%; }
body[data-rendering="static"] #quizzes .character-table > thead > tr > th:nth-child(3) { width: 37%; }
body[data-rendering="static"] #com-status .character-table > thead > tr > th:nth-child(1) { width: 15%; }
body[data-rendering="static"] #com-status .character-table > thead > tr > th:nth-child(2) { width: 10%; }
body[data-rendering="static"] #com-status .character-table > thead > tr > th:nth-child(3) { width: 75%; }
body[data-rendering="static"] #shops .character-table > thead > tr > th:nth-child(1) { width: 33%; }
body[data-rendering="static"] #shops .character-table > thead > tr > th:nth-child(2) { width: 20%; }
body[data-rendering="static"] #shops .character-table > thead > tr > th:nth-child(3) { width: 47%; }
body[data-rendering="static"] #properties .character-table > thead > tr > th:nth-child(1) { width: 27%; }
body[data-rendering="static"] #properties .character-table > thead > tr > th:nth-child(2) { width: 17%; }
body[data-rendering="static"] #properties .character-table > thead > tr > th:nth-child(3),
body[data-rendering="static"] #properties .character-table > thead > tr > th:nth-child(4) { width: 28%; }
.list-summary-fields { padding: 0 12px 8px; font-size: .9rem; line-height: 1.6; }
.list-summary-fields p { margin: 4px 0; overflow-wrap: anywhere; }
.card-use-term { display: inline-block; white-space: nowrap; }
.list-field-label { font-weight: 700; color: var(--brand); }
body[data-rendering="static"] .character-detail-item { display: block; }
body[data-rendering="static"] .character-detail-item h3 { margin-bottom: 6px; white-space: normal; }
body[data-rendering="static"] .character-detail-item ul,
body[data-rendering="static"] .character-detail-item ol { margin: 0; padding-left: 1.3rem; line-height: 1.55; }
#cards .character-detail,
#properties .character-detail,
#shops .character-detail,
#events .character-detail,
#monsters .character-detail,
#stations-routes .character-detail,
#com-status .character-detail { grid-template-columns: minmax(0, 1fr); }
.property-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: .85rem; }
.property-table th, .property-table td { border-bottom: 1px solid var(--line, #f8d4e6); padding: 7px 5px; text-align: left; overflow-wrap: anywhere; }
.property-table th:first-child { width: 35%; }
.property-table th:nth-child(2) { width: 13%; }
.property-table th:nth-child(3) { width: 25%; }
.property-table th:nth-child(4) { width: 15%; }
.property-table th:nth-child(5) { width: 12%; }
.guide-toc { display: flex; flex-wrap: wrap; gap: 8px; }
.guide-toc a { padding: 8px 10px; border: 1px solid var(--line, #f8d4e6); border-radius: 6px; }
.guide-notes { line-height: 1.8; }
.guide-notes h3 { margin-top: 1.2em; }
.guide-notes li { margin-bottom: .5em; }
body[data-rendering="static"] #cards .character-table > thead > tr > th:nth-child(1) { width: 25%; }
body[data-rendering="static"] #cards .character-table > thead > tr > th:nth-child(2) { width: 15%; }
body[data-rendering="static"] #cards .character-table > thead > tr > th:nth-child(3) { width: 60%; }
body[data-rendering="static"] #monsters .character-table > thead > tr > th:nth-child(2) { width: 14%; }
body[data-rendering="static"] #monsters .character-table > thead > tr > th:nth-child(3) { width: 29%; }
body[data-rendering="static"] #monsters .character-table > thead > tr > th:nth-child(4) { width: 29%; }
body[data-rendering="static"] #events .character-table > thead > tr > th:nth-child(1) { width: 24%; }
body[data-rendering="static"] #events .character-table > thead > tr > th:nth-child(2) { width: 14%; }
body[data-rendering="static"] #events .character-table > thead > tr > th:nth-child(3) { width: 31%; }
body[data-rendering="static"] #events .character-table > thead > tr > th:nth-child(4) { width: 31%; }
.stock-table th:first-child { width: 40%; }
body[data-rendering="static"] #bonbies .character-table > thead > tr > th:nth-child(2) { width: 30%; }
body[data-rendering="static"] #bonbies .character-table > thead > tr > th:nth-child(3) { width: 45%; }
.stock-table th:nth-child(2), .stock-table th:nth-child(3), .stock-table th:nth-child(4) { width: 20%; }
.guide-notes dt { font-weight: 700; margin-top: .65rem; }
.guide-notes dd { margin: .2rem 0 .6rem 1rem; }
@media (max-width: 850px) {
  body[data-rendering="static"] .character-card-summary--with-value { grid-template-columns: minmax(0, 1fr) minmax(4.5rem, 5.5rem); }
  .property-table { font-size: .8rem; }
  .property-table th, .property-table td { padding: 7px 3px; }
}