/* ============================================================
   RosterDive DS — Component: Table Section
   Sezione titolata (section-header + descrizione + datatable) con
   il ritmo verticale tra sezioni top-level di una pagina.
   Token: --space-8, --space-6, --space-4, --font-body-medium,
          --color-text-secondary, --line-height-normal
   ============================================================ */

.table-section {
  margin-top: var(--space-8);
}

.table-section__desc {
  margin: 0 0 var(--space-4) 0;
  font-size: var(--font-body-medium);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

/* ── Responsive ── */
@media (max-width: 599px) {
  .table-section {
    margin-top: var(--space-6);
  }
}