:root {
  --text-columns: 1;

  @screen md {
    --text-columns: 2;
  }

  @screen lg {
    --text-columns: 3;
  }
}

.text-split {
  columns: var(--text-columns);
  break-after: auto;

  & p {
    margin-bottom: 0 !important;
  }

  & h2:not(:first-child) {
    margin-top: 3rem;
    margin-bottom: 0 !important;
  }

  &.filtered {
    columns: 1;
  }
}