@media (--ds-viewport-max-medium) {
  .ds-table-collapse {
    thead {
      border: none;
      clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
      height: 0.0625rem;
      overflow: hidden;
      position: absolute;
      visibility: hidden;
      width: 0.0625rem;
    }
    tr {
      border-top: var(--ds-border-rule--emphasised);
    }
    td {
      display: block;
      &::before {
        content: attr(data-label);
        float: left;
        font-weight: 700;
        min-width: 10rem;
      }
    }
  }
}