.compare { display: grid; }

.compare__side {
  display: flex;
  flex-direction: column;
  background-color: var(--c-cream);
  padding: var(--sp-20);
}

/* Im Original stoßen die beiden Hälften ohne Fuge aneinander: die linke
   verzichtet auf ihr rechtes, die rechte auf ihr linkes Polster. */
@media (min-width: 1120px) {
  .compare { grid-template-columns: repeat(2, 1fr); }
  .compare__side--other { padding-right: 0; }
}

.compare__label { margin-block: var(--sp-20); }

.compare__list {
  display: flex;
  flex-direction: column;
  gap: var(--sp-5);
  padding: var(--sp-20);
  background-color: var(--c-white);
}

.compare__item { line-height: var(--lh-normal); }

.compare__item:not(:last-child)::after {
  content: "";
  display: block;
  width: 50%;
  height: 1px;
  margin-top: var(--sp-5);
  background-color: var(--c-sage);
}

.compare__side--other .compare__item { color: var(--c-muted); }
.compare__side--ours .compare__item { color: var(--c-body); }