.text-columns {
  padding-block: var(--section-pad);
  background-color: var(--color-alabaster);
}
/* 12-col grid: heading column (left) + body column (right). */
.text-columns__aside {
  grid-column: 1 / span 4;
}
.text-columns__body {
  grid-column: 8 / -1;
  font-size: var(--text-body-main);
  line-height: var(--lh-normal, 1.3);
}
.text-columns__heading {
  margin-block: 0 var(--sp-md);
}
.text-columns__body p {
  margin: 0 0 1rem;
}
@media (max-width: 768px) {
  .text-columns__aside,
  .text-columns__body {
    grid-column: 1 / -1;
  }
}