/* The shared list layout remains in use; three-field lists divide the same table width. */
.character-table--three-values th:nth-child(1),
.character-table--three-values td:nth-child(1) { width: 42%; }
.character-table--three-values th:nth-child(2),
.character-table--three-values td:nth-child(2) { width: 32%; }
.character-table--three-values th:nth-child(3),
.character-table--three-values td:nth-child(3) { width: 26%; }
.static-card-extra { margin: 0; padding: 0 12px 8px; font-size: .85rem; }
.guide-section { scroll-margin-top: 1rem; }
.guide-section li { margin-block: .5rem; }

/* Fit the adopted two/three-column tables to the content width above the card breakpoint. */
body[data-page="characters"] .static-desktop .character-table { min-width: 0; }
@media (min-width: 851px) and (max-width: 1100px) {
  body[data-page="characters"] .character-detail { grid-template-columns: minmax(0, 1fr); }
}

/* Long explanations use the detail width; short costs and classifications keep their paired layout. */
.character-detail-item--long { grid-column: 1 / -1; }
.person-cv-name { display: inline-block; }
@media (max-width: 850px) {
  .character-detail-item--long { grid-template-columns: minmax(0, 1fr); gap: 4px; }
}

/* The copied comparison table/card structure, sized for guide text. */
.nioh2-guides .character-table--three-values th:nth-child(1),
.nioh2-guides .character-table--three-values td:nth-child(1) { width: 30%; }
.nioh2-guides .character-table--three-values th:nth-child(2),
.nioh2-guides .character-table--three-values td:nth-child(2) { width: 17%; }
.nioh2-guides .character-table--three-values th:nth-child(3),
.nioh2-guides .character-table--three-values td:nth-child(3) { width: 53%; }
.nioh2-guides .guide-toc ul { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.nioh2-guides .guide-section { line-height: 1.75; }
.nioh2-guides .guide-section h3 { margin-top: 1.5rem; }
.nioh2-guides .character-name-button { min-height: 44px; }
.nioh2-guides .character-name-text,
.nioh2-guides .character-name-static { overflow-wrap: anywhere; }
.nioh2-guides .static-card-extra { line-height: 1.65; overflow-wrap: anywhere; }
@media (max-width: 850px) {
  .nioh2-guides .character-card-main,
  .nioh2-guides .character-mobile-sort-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 5.8rem;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
  }
  .nioh2-guides .character-card-meta { justify-content: flex-end; }
  .nioh2-guides .character-card-meta span { white-space: normal; text-align: center; }
  .nioh2-guides .character-mobile-sort-row .character-sort-button { min-height: 44px; }
}