:root {
  --lc-table-border: var(--lc-border, #e2e8f0);
  --lc-table-head-bg: var(--lc-bg-page, #f8fafc);
  --lc-table-head-color: var(--lc-text-muted, #64748b);
  --lc-table-row-hover: rgba(241, 245, 249, 0.6);
}

.lc-table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 16px 0 24px;
}

.lc-flat-table,
.lc-table,
.lc-data-table,
.lc-matrix-table,
.lc-spec-table,
.lc-metrics-matrix-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  line-height: 1.45;
  color: var(--lc-text-body, #334155);
  box-sizing: border-box;
  text-align: left;
}

.lc-flat-table th,
.lc-table th,
.lc-data-table th,
.lc-matrix-table th,
.lc-spec-table th,
.lc-metrics-matrix-table th {
  padding: 12px 14px;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--lc-table-head-color);
  background-color: var(--lc-table-head-bg);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid var(--lc-table-border);
  white-space: nowrap;
}

.lc-flat-table td,
.lc-table td,
.lc-data-table td,
.lc-matrix-table td,
.lc-spec-table td,
.lc-metrics-matrix-table td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--lc-table-border);
  vertical-align: middle;
}

.lc-flat-table tbody tr:hover td,
.lc-table tbody tr:hover td,
.lc-data-table tbody tr:hover td,
.lc-matrix-table tbody tr:hover td,
.lc-spec-table tbody tr:hover td,
.lc-metrics-matrix-table tr:hover td {
  background-color: var(--lc-table-row-hover);
}

.lc-flat-table strong,
.lc-table strong,
.lc-metrics-matrix-table strong {
  color: var(--lc-text-heading, #0f172a);
  font-weight: 600;
}

.lc-flat-table span,
.lc-table span,
.lc-data-table span,
.lc-matrix-table span,
.lc-metrics-matrix-table span,
.lc-spec-table span {
  display: inline;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  color: inherit !important;
}