/**
 * Marked Extended Tables - Structural Styles
 * Minimal CSS required for table layout and responsive behavior.
 *
 * Import this file if you want the basic table structure:
 * @import '@fsegurai/marked-extended-tables/styles/tables.css';
 */

table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
  table-layout: auto;
}

table caption {
  padding: 0.5rem 0.75rem;
  text-align: left;
  caption-side: top;
}

table th,
table td {
  padding: 0.5rem 0.75rem;
  text-align: left;
  vertical-align: top;
}

/* Responsive behavior: allow horizontal scrolling for wide tables. */
.marked-extended-table-wrapper,
.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Keep spanning cells readable without adding visual theming. */
table th[colspan],
table td[colspan],
table th[rowspan],
table td[rowspan] {
  font-weight: 600;
}

@media (max-width: 768px) {
  table {
    font-size: 0.875rem;
  }
  table th,
  table td {
    padding: 0.5rem;
  }
}