.ck-content .table table.footnotes,
table.footnotes {
  border: none;
  border-top: 1px solid var(--fdic-neutral-020);

  caption, thead {
    display: none;
  }

  td {
    /* using px so padding is same regardless of fontsize */
    padding: 16px 0 0 0;
    vertical-align: top;
  }

   tr td:nth-child(1) {
    width: 1.4rem;
    margin-right: 0.25rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-align: center;
    vertical-align: super;
  }

  tbody tr,td {
    background-color: transparent;
    border: none;
  }
}

.footnote__reference {
  padding: 0;
  margin: 0;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 100%;
  vertical-align: super;
}

/* Global Divergent */
.footnote__reference,
.footnote__reference:visited,
.footnote__anchor,
.footnote__anchor:visited {
  color: var(--fdic-dark-blue);

  &:hover {
    color: var(--fdic-med-blue);
  }
}

/* Ensure footnotes in table headers are visible*/
thead th {
  .footnote__reference,
  .footnote__reference:visited,
  .footnote__anchor,
  .footnote__anchor:visited {
    color: var(--table-header-text-color);
    text-decoration: underline;

    &:hover {
      color: var(--header-text-color);
      text-decoration: underline;
    }
  }
}

/* ckeditor customizations */
.ck-content .table table.footnotes {

  td {
    border: 1px dashed #dddddd;
  }

  tr td:nth-child(1) {
    /* font-size: 1rem; */
  }
}
.ck-content .table:has(table.footnotes) {
  width: 100%;
}