/* Work-specific typography for the copied overview panel. */
.work-release-list { margin: 0; }
.work-release-list > div { padding: 10px 0; border-bottom: 1px solid var(--rule-line); }
.work-release-list dt { font-weight: 700; overflow-wrap: anywhere; }
.work-release-list dd { margin: 4px 0 0; }
.vii-toc ul { display:flex; flex-wrap:wrap; gap:8px 22px; padding-left:20px; margin:8px 0; }
.vii-toc a, .vii-start a { text-underline-offset:3px; }
.vii-toc-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 24px; }
.vii-toc-groups h3 { margin:12px 0 4px; font-size:1rem; }
.vii-toc-groups ul { display:block; }
.vii-toc-groups li { margin:6px 0; }
.vii-topic { margin-top:28px; scroll-margin-top:1rem; }
.vii-topic > h2 { color:var(--accent); border-bottom:2px solid var(--rule-line); padding-bottom:10px; }
.vii-version { font-size:.8rem; color:var(--muted); margin:0; }
.vii-prose, .vii-list { scroll-margin-top:1rem; margin-top:16px; }
.vii-prose p, .vii-steps li { line-height:1.85; }
.vii-steps { padding-left:1.7em; }
.vii-steps li + li { margin-top:12px; }
.vii-facts, .vii-details { margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 20px; }
.vii-facts > div, .vii-details > div { min-width:0; padding:10px 0; border-bottom:1px solid var(--rule-line); }
.vii-facts dt, .vii-details dt { font-weight:700; color:var(--accent); font-size:.9rem; }
.vii-facts dd, .vii-details dd { margin:5px 0 0; overflow-wrap:anywhere; line-height:1.75; }
.vii-details { padding:12px; }
.vii-list > h2, .vii-list > h3 { margin:0 0 8px; color:var(--accent); font-size:1.15rem; }
/* The sidebar narrows the content at the desktop breakpoint. Allow both list types to fit it. */
[data-static-list] .character-table { min-width:0; }
.vii-table { width:100%; table-layout:fixed; }
.vii-table td { vertical-align:top; overflow-wrap:anywhere; white-space:normal; }
.vii-table .vii-name-col { width:26%; }
.vii-table .vii-group-col { width:14%; }
.vii-table th:nth-child(1), .vii-table td:nth-child(1) { width:26%; }
.vii-table th:nth-child(2), .vii-table td:nth-child(2) { width:14%; }
.vii-table th:nth-child(3), .vii-table td:nth-child(3) { width:60%; }
.vii-table td.character-detail-cell { width:auto; }
.vii-table .character-name-button { width:100%; }
.vii-list .character-mobile-list-head > span:last-child .character-sort-button {
  padding-inline:0;
  text-wrap:balance;
}
.vii-brief { padding:0 12px 10px; margin:0; line-height:1.75; overflow-wrap:anywhere; font-size:.9rem; }
[data-static-list] .character-detail > .character-detail-item:first-child { grid-column: 1 / -1; }
@media (max-width: 850px) {
  .vii-toc-groups { grid-template-columns:minmax(0,1fr); gap:4px; }
  [data-static-list] .character-card-summary--with-value,
  [data-static-list] .character-mobile-list-head { grid-template-columns: minmax(0, 1fr) 5.5rem; }
  .vii-facts, .vii-details { grid-template-columns:minmax(0,1fr); gap:0; }
  .vii-page .character-card-summary { align-items:start; }
}

/* Keep three-column catalogs readable while the desktop sidebar leaves a narrow main column. */
@media (min-width: 851px) and (max-width: 1000px) {
  .vii-list .static-desktop { display:none; }
  .vii-list .static-mobile { display:block; }
  .vii-list .character-card-summary--with-value,
  .vii-list .character-mobile-list-head { grid-template-columns:minmax(0,1fr) 5.5rem; }
  .vii-details { grid-template-columns:minmax(0,1fr); gap:0; }
  [data-static-list] .character-detail { grid-template-columns:minmax(0,1fr); }
}