.split-info-module {
  margin-top: var(--module-mt);
  margin-bottom: var(--module-mb);
}

.split-info-module__inner {
  display: grid;
  grid-template-columns: var(--left-col) var(--right-col);
  gap: var(--column-gap);
  align-items: stretch;
}

.split-info-module__left,
.split-info-module__right {
  min-width: 0;
  box-sizing: border-box;
}

.split-info-module__left {
  background: var(--left-bg);
  padding: var(--left-pad-top) var(--left-pad-right) var(--left-pad-bottom) var(--left-pad-left);
}

.split-info-module__right {
  background: var(--right-bg);
  padding: var(--right-pad-top) var(--right-pad-right) var(--right-pad-bottom) var(--right-pad-left);
  color: #ffffff;
}

/* Rich text cleanup */
.split-info-module__left-content > *:first-child,
.split-info-module__intro > *:first-child,
.split-info-module__card-content > *:first-child {
  margin-top: 0;
}

.split-info-module__left-content > *:last-child,
.split-info-module__intro > *:last-child,
.split-info-module__card-content > *:last-child {
  margin-bottom: 0;
}

/* Right intro */
.split-info-module__intro {
  margin-bottom: 0px;
}

/* Cards */
.split-info-module__cards {
  display: flex;
  flex-direction: column;
}

.split-info-module__card {
  display: grid;
  grid-template-columns: var(--card-img-col) var(--card-text-col);
  gap: var(--card-gap);
  align-items: var(--card-align);
  padding-top: var(--card-pad-top);
  padding-bottom: var(--card-pad-bottom);
}

.split-info-module__card.has-top-border {
  border-top: var(--card-border-width) solid var(--card-border-color);
}

.split-info-module__card.has-bottom-border {
  border-bottom: var(--card-border-width) solid var(--card-border-color);
}

.split-info-module__card-image-col,
.split-info-module__card-content {
  min-width: 0;
}

.split-info-module__card-image {
  display: block;
  width: var(--card-img-width);
  max-width: 100%;
  height: auto;
}

/* Tablet: main columns stack */
@media (max-width: 1024px) {
  .split-info-module__inner {
    grid-template-columns: 1fr;
  }

  .split-info-module__left,
  .split-info-module__right {
    width: 100%;
  }
}

/* Mobile: card inner columns stack */
@media (max-width: 767px) {

  .split-info-module__right {
    padding-left: 40px;
    padding-right: 40px;
  }

  .split-info-module__left {
    padding-left: 40px;
    padding-right: 40px;
  }

  .split-info-module__card {
    grid-template-columns: var(--card-img-col) var(--card-text-col);
    gap: var(--card-gap);
    align-items: start;
  }

  .split-info-module__card-image {
    width: var(--card-img-width);
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
}