.number-table {
  min-width: 0;
  padding: var(--space-12);
  border: 1px solid var(--color-line-strong);
  background: var(--color-paper);
}
.number-table__basis,
.number-table__note {
  font-size: var(--font-size-caption);
}
.number-table__grid {
  width: 100%;
  margin-block: var(--space-8);
  border-collapse: collapse;
  font-size: var(--font-size-table);
}
.number-table__grid th,
.number-table__grid td {
  padding: var(--space-8);
  border: 1px solid var(--color-line-strong);
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}
.number-table__grid thead th {
  background: var(--color-desk);
}
@media (max-width: 799px) {
  .number-table__grid thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .number-table__grid,
  .number-table__grid tbody,
  .number-table__row,
  .number-table__grid td,
  .number-table__grid tbody th {
    display: block;
    width: 100%;
  }
  .number-table__row {
    margin-bottom: var(--space-8);
    border: 1px solid var(--color-line-strong);
  }
  .number-table__grid td,
  .number-table__grid tbody th {
    border: 0;
  }
  .number-table__grid td::before {
    display: block;
    content: attr(data-label);
    font-size: var(--font-size-caption);
    color: var(--color-text-muted);
  }
}