table th { white-space: nowrap; }



@media (max-width: 1400px) {
  table th, table td { padding: 10px 9px; }
  table th:first-child, table td:first-child { padding-left: 12px; }
  table th:last-child, table td:last-child { padding-right: 12px; }
}
@media (max-width: 1200px) {
  table th, table td { padding: 9px 7px; }
  table th:first-child, table td:first-child { padding-left: 12px; }
  table th:last-child, table td:last-child { padding-right: 12px; }
}



.table-wide { min-width: 900px; }
@media (max-width: 1299px) { .table-wide { min-width: 700px; } }
@media (max-width: 1199px) { .table-wide { min-width: 0; } }




table th.col-break, table td.col-break { white-space: normal; word-break: break-all; }



@media (max-width: 1399px) { .hide-1400 { display: none; } }
@media (max-width: 1299px) { .hide-1300 { display: none; } }
@media (max-width: 1199px) { .hide-1200 { display: none; } }
@media (max-width: 1099px) { .hide-1100 { display: none; } }
@media (max-width: 899px) { .hide-900 { display: none; } }
@media (max-width: 699px) { .hide-700 { display: none; } }
@media (max-width: 519px) { .hide-520 { display: none; } }



.fold-line { display: none; font-size: 11px; color: var(--mw-muted, #777); margin-top: 2px; }
@media (max-width: 1199px) { .fold-1200 { display: block; } }
@media (max-width: 899px) { .fold-900 { display: block; } }
@media (max-width: 699px) { .fold-700 { display: block; } }












@media (max-width: 640px) {
  table.as-cards { background: transparent; box-shadow: none; border-radius: 0; }
  table.as-cards thead { display: none; }
  table.as-cards, table.as-cards tbody, table.as-cards tbody tr, table.as-cards tbody td { display: block; width: auto; }
  table.as-cards tbody tr {
    border: 1px solid var(--warm-line, var(--mw-line, #e5e5e5));
    border-radius: 12px; padding: 8px 12px; margin-bottom: 8px;
    background: var(--warm-card, var(--mw-surface, #fff));
  }
  table.as-cards tbody tr:hover td { background: transparent; }


  table.as-cards tbody td {
    border: none; padding: 4px 0; display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: flex-start;
    white-space: normal; overflow: visible; text-overflow: clip; max-width: none;
  }
  table.as-cards tbody td::before {
    content: attr(data-label);
    flex: 0 0 84px; padding-top: 2px;
    font-size: 11px; font-weight: 700; letter-spacing: .02em;
    color: var(--warm-sub, var(--mw-muted, #777));
  }

  table.as-cards tbody td:empty { display: none; }

  table.as-cards .fold-line { display: none; }

  table.as-cards tbody td[colspan] { display: block; text-align: center; color: var(--warm-sub, var(--mw-muted, #777)); }
  table.as-cards tbody td[colspan]::before { content: none; }
}