/* Static HTML keeps the former desktop table and mobile cards in one source. */
body[data-rendering="static"] .character-table tbody[data-static-item] { display: contents; }
body[data-rendering="static"] .character-table { table-layout: fixed; }
body[data-rendering="static"] .character-table th,
body[data-rendering="static"] .character-table td { vertical-align: top; overflow-wrap: anywhere; }
body[data-rendering="static"] #moves .character-table th:nth-child(1),
body[data-rendering="static"] #moves .character-table td:nth-child(1) { width: 28%; }
body[data-rendering="static"] #moves .character-table th:nth-child(2),
body[data-rendering="static"] #moves .character-table td:nth-child(2) { width: 27%; }
body[data-rendering="static"] #moves .character-table th:nth-child(3),
body[data-rendering="static"] #moves .character-table td:nth-child(3) { width: 25%; }
body[data-rendering="static"] #moves .character-table th:nth-child(4),
body[data-rendering="static"] #moves .character-table td:nth-child(4) { width: 20%; }
body[data-rendering="static"] #stages .character-table th:nth-child(1),
body[data-rendering="static"] #stages .character-table td:nth-child(1) { width: 25%; }
body[data-rendering="static"] #stages .character-table th:nth-child(2),
body[data-rendering="static"] #stages .character-table td:nth-child(2) { width: 31%; }
body[data-rendering="static"] #stages .character-table th:nth-child(3),
body[data-rendering="static"] #stages .character-table td:nth-child(3) { width: 44%; }
body[data-rendering="static"] #characters .character-table th:nth-child(1),
body[data-rendering="static"] #characters .character-table td:nth-child(1) { width: 22%; }
body[data-rendering="static"] #characters .character-table th:nth-child(2),
body[data-rendering="static"] #characters .character-table td:nth-child(2) { width: 17%; }
body[data-rendering="static"] #characters .character-table th:nth-child(3),
body[data-rendering="static"] #characters .character-table td:nth-child(3) { width: 42%; }
body[data-rendering="static"] #characters .character-table th:nth-child(4),
body[data-rendering="static"] #characters .character-table td:nth-child(4) { width: 19%; }
body[data-rendering="static"] .work-fact-grid,
body[data-rendering="static"] .work-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
body[data-rendering="static"] .work-fact-card,
body[data-rendering="static"] .work-feature-card { min-width: 0; padding: 12px 14px; border: 1px solid var(--brand-light); border-radius: 12px; background: #fff; }
body[data-rendering="static"] .work-fact-card dt { color: var(--brand); font-size: .82rem; font-weight: 900; }
body[data-rendering="static"] .work-fact-card dd { margin: 3px 0 0; font-weight: 800; overflow-wrap: anywhere; }
body[data-rendering="static"] .work-feature-card h3 { margin: 0 0 5px; color: var(--accent); font-size: 1rem; }
body[data-rendering="static"] .work-feature-card p { margin: 0; font-size: .9rem; line-height: 1.65; }
@media (max-width: 600px) {
  body[data-rendering="static"] .work-fact-grid,
  body[data-rendering="static"] .work-feature-grid { grid-template-columns: 1fr; }
  body[data-rendering="static"] .subpage-title { font-size: 1.3rem; line-height: 1.25; }
}