/**
 * Table Block Styling
 *
 * Provides responsive table layout with horizontal scrolling on smaller viewports.
 * Ensures proper accessibility with semantic HTML structure and visibility of all content.
 * Supports WCAG 2.1 A compliance, keyboard navigation, and motion preferences.
 */
.table-block .content-wrapper {
  position: relative;
  width: 100%;
}
.table-block .content-wrapper .table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  scrollbar-width: none;
}
.table-block .content-wrapper .table-wrapper::-webkit-scrollbar {
  display: none;
}
.table-block .content-wrapper .table-wrapper[role=region]:focus-visible {
  outline: 2px solid var(--wp--preset--color--primary, #000);
  outline-offset: 2px;
}
.table-block .content-wrapper .table-wrapper .table-content {
  width: 100%;
  border-collapse: collapse;
  min-width: 100%;
  table-layout: auto;
  /**
  * Header cells (th)
  * Semantic scope attribute identifies column/row headers
  */
  /**
  * Body cells (td)
  * Standard data cells with alternating row backgrounds for readability
  */
  /**
   * High Contrast Mode Support (WCAG 2.1 AA)
   * Ensures table structure is visible in forced colors mode
   */
  /**
   * Focus visibility for keyboard navigation (WCAG 2.1 AA)
   * Enhanced focus indicators for better keyboard accessibility
   */
}
.table-block .content-wrapper .table-wrapper .table-content thead {
  background-color: var(--primary-color);
  color: var(--secondary-color);
}
.table-block .content-wrapper .table-wrapper .table-content thead th {
  padding: 4px 16px;
  text-align: left;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
  white-space: nowrap !important;
  vertical-align: middle;
}
.table-block .content-wrapper .table-wrapper .table-content tbody tr {
  border-bottom: 1px solid #dcdcdc;
  color: var(--text-color);
}
.table-block .content-wrapper .table-wrapper .table-content tbody tr:nth-child(odd) {
  background-color: #efefef;
}
.table-block .content-wrapper .table-wrapper .table-content tbody tr:nth-child(even) {
  background-color: #ffffff;
}
.table-block .content-wrapper .table-wrapper .table-content tbody tr td {
  padding: 4px 16px;
  border: 1px solid #dcdcdc;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
  white-space: nowrap !important;
  vertical-align: top;
}
@media (forced-colors: active) {
  .table-block .content-wrapper .table-wrapper .table-content {
    border: 1px solid CanvasText;
  }
  .table-block .content-wrapper .table-wrapper .table-content thead th {
    border: 1px solid CanvasText;
    background-color: Canvas;
    color: CanvasText;
  }
  .table-block .content-wrapper .table-wrapper .table-content tbody td {
    border: 1px solid CanvasText;
  }
  .table-block .content-wrapper .table-wrapper .table-content tbody tr:hover {
    background-color: Highlight;
    color: HighlightText;
  }
}
.table-block .content-wrapper .table-wrapper .table-content a:focus-visible,
.table-block .content-wrapper .table-wrapper .table-content button:focus-visible {
  outline: 2px solid var(--wp--preset--color--primary, #000);
  outline-offset: 2px;
}
@media (forced-colors: active) {
  .table-block .content-wrapper .table-wrapper:focus-visible {
    outline: 3px solid CanvasText;
    outline-offset: 2px;
  }
}

/**
 * Reduced motion support (WCAG 2.1 A)
 * Disables animations for users with prefers-reduced-motion preference
 */
@media (prefers-reduced-motion: reduce) {
  .table-block *,
  .table-block *::before,
  .table-block *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .table-block [data-aos] {
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}
/******************
 * BACKEND STYLES *
 ******************//*# sourceMappingURL=table.css.map */