.card-stack-item {
  inline-size: 100%;
  background: #FFF;
  box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.08);

  & .field--type-text-long > *:last-child {
    margin-block-end: 0;
  }
}

.card-stack-item__title {
  position: relative;
  z-index: var(--card-stack-title-layer, 1);
}

.card-stack-item__title-inner {
  color: #FFF;
  padding: 28px;
  z-index: inherit;

  & h3 {
    margin: 0;
    color: inherit;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.188;
    letter-spacing: -0.4px;
  }
}

.card-stack--is-enhanced .card-stack-item__title {
  block-size: var(--card-stack-title-height, auto);
}

.card-stack-item__body {
  padding: 28px;
}

.card-stack-item__intro {
  color: #000;

  & h4 {
    margin: 0;
    font-size: 27px;
    font-weight: 600;
    line-height: 1.111;
    letter-spacing: -0.4px;
  }

  & .field--name-field-body {
    margin-block-start: 20px;
    margin-block-end: 0;
    font-size: 23px;
    font-weight: 400;
    line-height: 1.174;
    letter-spacing: -0.4px;
  }
}

.card-stack-item__viia-list {
  background: #F1FAFD;
  margin-block-start: 32px;

  & svg {
    max-inline-size: 100%;
  }

  & .field--name-field-viia-items {
    color: #484848;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.4px;
    font-size: 20px;
    padding: 24px;
  }

  & .field--name-field-viia-items .field__item + .field__item {
    margin-block-start: 48px;
  }
}

.card-stack-item__list {
  margin-block-start: 32px;

  & .field--name-field-list-items {
    display: grid;
    gap: 20px;
  }

  .field__item {
    margin: 0;
    padding: 0 2px 16px;
    border-block-end: 2px solid #D1D1D1;
    color: #484848;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.4px;
  }
}

.card-stack-item--color-magenta .card-stack-item__title-inner {
  background: linear-gradient(270deg, #DB37DB 0%, #9237AF 100%);
}

.card-stack-item--color-green .card-stack-item__title-inner {
  background: linear-gradient(270deg, #6AE4AE 0%, #45999C 100%);
}

.card-stack-item--color-purple .card-stack-item__title-inner {
  background: linear-gradient(270deg, #9088F6 0%, #726DC1 100%);
}

.card-stack-item--color-blue .card-stack-item__title-inner {
  background: linear-gradient(270deg, #75FAFC 0%, #5DCADD 100%);
}

@media screen and (min-width: 768px) {
  .card-stack-item__title-inner {
    padding: 32px 60px;

    & h3 {
      font-size: 38px;
      line-height: 1.105;
    }
  }

  .card-stack-item__body {
    padding: 40px 60px 48px;
  }

  .card-stack-item__intro {
    max-inline-size: 900px;

    & h4 {
      font-size: 36px;
      line-height: 1.333;
    }

    & .field--name-field-body {
      margin-block-start: 32px;
    }

    & .field--name-field-body {
      font-size: 32px;
      line-height: 1.25;
    }
  }

  .card-stack-item__viia-list {
    margin-block-start: 40px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;

    & .field--name-field-viia-items {
      font-size: 28px;
      line-height: 1.214;
      padding: 30px 40px;
    }

    & .field--name-field-viia-items .field__item + .field__item {
      margin-block-start: 30px;
    }
  }

  .card-stack-item__list {
    margin-block-start: 36px;

    & .field--name-field-list-items {
      gap: 26px;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    & .field__item {
      padding: 0 20px 28px;
      font-size: 28px;
      line-height: 1.214;
    }
  }
}