/* The original table/card layout is shared; these rules only support static twins. */
body[data-rendering="static"] [hidden] { display: none !important; }
[data-static-list] { min-width: 0; scroll-margin-top: 1rem; }
[data-static-list] .static-mobile { display: none; }
[data-static-list] .static-table { min-width: 0; }
[data-static-list] .character-card-value { white-space: normal; overflow-wrap: anywhere; }
[data-static-list] [data-static-count] { font-size: .8rem; text-align: right; margin: .5rem 0; }
[data-static-list] [data-static-reset] {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin-top: 10px;
  padding: 8px 14px;
  border: 2px solid var(--brand-light, #bfeaf2);
  border-radius: 999px;
  background: #fff;
  color: var(--accent, #176d80);
  font: inherit;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  box-sizing: border-box;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
  box-shadow: 2px 2px 0 rgba(244, 114, 182, 0.14);
}
[data-static-list] [data-static-reset]:hover,
[data-static-list] [data-static-reset]:focus-visible {
  border-color: var(--brand, #e96aab);
  transform: translateY(-1px);
  box-shadow: 4px 4px 0 rgba(244, 114, 182, 0.18);
}
[data-static-list] button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
[data-static-list] .character-detail { padding: 10px; }
@media (max-width: 850px) {
  [data-static-list] .static-desktop { display: none; }
  [data-static-list] .static-mobile { display: block; }
  [data-static-list] [data-static-table-wrap] { width: 100%; min-width: 0; max-width: 100%; overflow: visible; border: 0; background: transparent; }
  [data-static-list] .static-table { width: 100%; min-width: 0; max-width: 100%; overflow: visible; }
  [data-static-list] .static-table .creators-table { width: 100%; min-width: 0; table-layout: fixed; }
  [data-static-list] .static-table .creators-table thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
  [data-static-list] .static-table .creators-table tbody { display: block; margin: 0 0 8px; padding: 8px 10px; border: 2px solid #f8d4e6; border-radius: 14px; background: #fff; }
  [data-static-list] .static-table .creators-table tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; align-items: center; }
  [data-static-list] .static-table .creators-table td { display: block; width: auto; min-width: 0; padding: 2px 0; border: 0; background: transparent; overflow-wrap: anywhere; }
  [data-static-list] .static-table .creators-table td:nth-child(1) { grid-column: 1; grid-row: 1; }
  [data-static-list] .static-table .creators-table td:nth-child(2) { grid-column: 1; grid-row: 2; font-size: .8rem; }
  [data-static-list] .static-table .creators-table td:nth-child(3) { grid-column: 2; grid-row: 1 / span 2; text-align: right; }
  [data-static-list] .static-table .creators-table td:nth-child(2)::before,
  [data-static-list] .static-table .creators-table td:nth-child(3)::before { content: attr(data-label); display: block; margin-bottom: 2px; color: var(--text-muted); font-size: .68rem; font-weight: 700; }
  [data-static-list] .static-table .creators-table .creators-count-cell { min-width: 76px; max-width: 148px; white-space: normal; line-height: 1.35; }
}

body[data-rendering="static"] .static-page-kind { display: inline-block; }