/* Work guide content uses the existing notebook/list layout. */
.guide-prose { line-height: 1.8; overflow-wrap: anywhere; }
.guide-prose p { margin: .5rem 0 1rem; }
.guide-prose li { margin-bottom: .65rem; }
.guide-steps { padding-left: 1.5rem; }
.guide-toc { margin-bottom: 1rem; }
.guide-toc ul { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; padding-left: 1.25rem; }
body[data-rendering="static"] [data-static-section] { scroll-margin-top: 1rem; margin-bottom: 1.25rem; }
body[data-rendering="static"] [data-static-list] { margin-bottom: 1.5rem; }
[data-static-list] .character-name-en { display: block; color: var(--muted); font-size: .75rem; }
[data-static-list] .character-name-button { text-align: left; overflow-wrap: anywhere; }
[data-static-list] .character-detail-item p { white-space: pre-line; }
[data-static-list] .character-detail-item h3 { white-space: normal; overflow-wrap: anywhere; min-width: 0; }
[data-static-list] .guide-detail-wide { grid-column: 1 / -1; }
[data-static-list] .guide-detail-wide { grid-template-columns: minmax(0, 1fr); }
/* Three columns share the existing fixed table width. */
#characters .character-table th:nth-child(1),
#characters .character-table tr:not([data-static-detail]) td:nth-child(1) { width: 43%; }
#characters .character-table th:nth-child(2),
#characters .character-table tr:not([data-static-detail]) td:nth-child(2) { width: 37%; }
#characters .character-table th:nth-child(3),
#characters .character-table tr:not([data-static-detail]) td:nth-child(3) { width: 20%; }
@media (max-width: 850px) {
  .guide-toc ul { display: block; }
  .guide-toc li { margin: .4rem 0; }
  .guide-prose { padding: 12px; }
}
/* Guide lists use three visible comparison columns; character lists retain their own contract. */
[data-static-list]:not(#characters) .character-table th:nth-child(1),
[data-static-list]:not(#characters) .character-table tr.character-row td:nth-child(1) { width: 43%; }
[data-static-list]:not(#characters) .character-table th:nth-child(2),
[data-static-list]:not(#characters) .character-table tr.character-row td:nth-child(2) { width: 37%; }
[data-static-list]:not(#characters) .character-table th:nth-child(3),
[data-static-list]:not(#characters) .character-table tr.character-row td:nth-child(3) { width: 20%; }
.guide-mobile-sort .character-filter-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.guide-mobile-sort { margin-bottom: 10px; }