body .node-body table.table-sales-performance thead th:after,
body .node-body table.table-key-figure:not(#recaptcha_table) thead th:last-child:before,
body .node-body table:not(#recaptcha_table) thead tr th,
body .node-body table:not(#recaptcha_table) tbody tr td,
body .node-body table:not(#recaptcha_table) thead tr,
body .node-body table:not(#recaptcha_table) {
  border-color: var(--color-3);
}

/* @todo this :not is unlikelly to do what is pretended */
/* @todo if possible clean up tables css !importants everywhere */
.node-body :not(.tab-tables) :not(.table-scroll) > table:not(#recaptcha_table),
.cke_editable table:not(#recaptcha_table),
table.table-simple,
table.table-key-figures {
  font-family: var(--text-font);
  font-size: 0.75rem;
  white-space: normal;
  width: auto !important;
}

.node-body .tab-tables :not(.table-scroll) > table:not(#recaptcha_table) {
  width: 100% !important;
}

.node-body table:not(#recaptcha_table) tbody tr td {
  padding-top: 0px;
  padding-bottom: 0px;
}

.node-content .table-scroll + ol:has(p.text-small) {
  padding-left: 16px;
}

body[class*="page-node-type"] .table-scroll {
  margin-bottom: 1rem;
}

#main-content .node-body table:not(#recaptcha_table) tbody tr th {
  vertical-align: middle;
}

#main-content .node-body table:not(#recaptcha_table) tbody tr th p {
  color: var(--color-4);
}

table.table-simple-border:not(#recaptcha_table) tbody tr th, 
table.table-simple-border:not(#recaptcha_table) thead tr th {
  border: 1px solid var(--color-500, var(--color-3));
  padding: 0 0.5rem;
  font-weight: 500;
  text-align: left;
}