/* 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; }
#perk-list .character-detail { grid-template-columns: minmax(0, 1fr); }
#materials .character-detail { grid-template-columns: minmax(0, 1fr); }
[data-static-list] .guide-detail-wide { grid-column: 1 / -1; }
#materials .character-detail-item,
#perk-list .character-detail-item,
[data-static-list] .guide-detail-wide { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 850px) {
  .guide-toc ul { display: block; }
  .guide-toc li { margin: .4rem 0; }
  .guide-prose { padding: 12px; }
}

/* Three visible columns must share the table width. */
[data-static-list] .character-table th:nth-child(1),
[data-static-list] .character-table td:nth-child(1) { width: 34%; }
[data-static-list] .character-table th:nth-child(2),
[data-static-list] .character-table td:nth-child(2) { width: 20%; }
[data-static-list] .character-table th:nth-child(3),
[data-static-list] .character-table td:nth-child(3) { width: 46%; }
.character-work-note { margin: 4px 0 0; font-size: .875rem; line-height: 1.6; overflow-wrap: anywhere; }