.gameplay-heading { color:var(--accent); margin:22px 0 10px; font-size:1.1rem; }
.gameplay-toc { display:flex; flex-wrap:wrap; gap:8px 18px; margin:12px 0; }
.gameplay-toc a { padding:4px 0; }
.gameplay-edition { color:var(--text-muted); font-size:.8rem; margin:6px 0; }
.gameplay-detail ol,.gameplay-detail ul { margin:6px 0; padding-left:1.4em; }
.gameplay-detail li { margin:5px 0; line-height:1.7; }
.gameplay-detail p,.gameplay-detail li,.character-name-text { overflow-wrap:anywhere; }
.gameplay-detail h3 { white-space:normal; overflow-wrap:anywhere; min-width:0; }
.character-mobile-sort { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 10px; }
.character-sort-button { white-space:normal; }
@media(max-width:850px) {
  .gameplay-heading { margin:16px 0 8px; }
  .gameplay-toc { gap:6px 14px; }
  .gameplay-detail { width:100%; box-sizing:border-box; }
  .gameplay-detail-list { grid-template-columns:minmax(0,1fr); gap:5px; }
}

/* Keep each upgrade stage legible beside other equipment facts. */
.gameplay-upgrade-materials { grid-column:1 / -1; }

.gameplay-route, .gameplay-detail > .character-detail-item:only-child { grid-column:1 / -1; }
@media(max-width:850px) {
  body[data-page="characters"] [data-static-list] .character-card-summary--with-value { grid-template-columns:minmax(0,3fr) minmax(0,2fr); }
  .gameplay-detail p, .gameplay-detail li { font-size:1rem; line-height:1.7; }
}
.gameplay-detail > .character-detail-item:has(ol) { grid-column:1 / -1; }
@media(max-width:850px) { .gameplay-upgrade-materials, .gameplay-route, .gameplay-detail > .character-detail-item:has(ol) { grid-template-columns:minmax(0,1fr); } }

.gameplay-machine-materials { grid-column:1 / -1; }
@media(max-width:850px) { .gameplay-machine-materials { grid-template-columns:minmax(0,1fr); } }
@media(max-width:850px) { .gameplay-override { grid-template-columns:minmax(0,1fr); } }
