/* 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; }
  #materials .character-card-summary--with-value,
  #materials .character-mobile-list-head {
    grid-template-columns: minmax(0, 1fr) 5.8rem;
  }
}