/* 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: break-word; line-break: strict; }
[data-static-list] .character-name-static { overflow-wrap: break-word; line-break: strict; }
[data-static-list] .character-name-text { word-break: normal; overflow-wrap: break-word; line-break: strict; }
[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; }
}
body[data-fso-guides] .character-table th:nth-child(1),
body[data-fso-guides] .character-table .character-row td:nth-child(1) { width: 36%; }
body[data-fso-guides] .character-table th:nth-child(2),
body[data-fso-guides] .character-table .character-row td:nth-child(2) { width: 20%; }
body[data-fso-guides] .character-table th:nth-child(3),
body[data-fso-guides] .character-table .character-row td:nth-child(3) { width: 44%; }
body[data-fso-guides] .guide-card-value { margin: 0; padding: 0 14px 12px; line-height: 1.65; overflow-wrap: anywhere; }
body[data-fso-guides] .character-controls { align-items: end; margin-bottom: 16px; }

body[data-fso-guides] .static-desktop .guide-value-label { display: none; }
body[data-fso-guides] .guide-card-value .guide-value-label { display: block; color: var(--muted); font-size: .875rem; }
body[data-fso-guides] .character-row td,
body[data-fso-guides] .guide-card-value { overflow-wrap: break-word; line-break: strict; }