.layout--threecol-variable {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 1fr;
  align-items: start;
}

@media (min-width: 48rem) {
  .layout--threecol-33-34-33 { grid-template-columns: 1fr 1fr 1fr; }
  .layout--threecol-25-50-25 { grid-template-columns: 1fr 2fr 1fr; }
  .layout--threecol-50-25-25 { grid-template-columns: 2fr 1fr 1fr; }
  .layout--threecol-25-25-50 { grid-template-columns: 1fr 1fr 2fr; }
}

.lp-builder .layout--threecol-variable {
  align-items: stretch;
  gap: 1rem;
  margin-block: 1rem;

  > div {
    display: block;
    background-color: #f3f3f3;
    padding: 10px;
    border: 2px solid #929292;
  }
}