.ppc {
  color: rgb(var(--color-text));
  background-color: rgb(var(--color-background));
}

.ppc__inner {
  max-width: var(--content-width, 1310px);
  margin-inline: auto;
  box-sizing: border-box;
}

.ppc__title {
  margin: 0 0 1.5em;
  word-break: break-word;
  font-size: var(--ppc-title-fs-m, 20px);
  font-weight: var(--ppc-title-fw-m, 600);
  line-height: 1.3;
  text-align: var(--ppc-title-ta-m, center);
}

@media (min-width: 992px) {
  .ppc__title {
    font-size: var(--ppc-title-fs, 24px);
    font-weight: var(--ppc-title-fw, 600);
    text-align: var(--ppc-title-ta, center);
    padding-bottom: 16px;
    border-bottom: 2px solid #EEF4FF;
  }
}

.ppc__body-desktop {
  display: none;
}

.ppc__body-mobile {
  display: block;
}

@media (min-width: 992px) {
  .ppc__body-desktop {
    display: block;
  }

  .ppc__body-mobile {
    display: none;
  }
}

.ppc__body .rte {
  word-break: break-word;
  line-height: 1.6;
}

.ppc__body .rte p:first-child {
  margin-block-start: 0;
}

.ppc__body .rte p:last-child {
  margin-block-end: 0;
}

.ppc-item {
  width: 100%;
  max-width: 800px;
  margin-inline: auto;
  padding-bottom: var(--ppc-item-pb-m, 16px);
}

@media (min-width: 992px) {
  .ppc-item {
    padding-bottom: var(--ppc-item-pb, 24px);
  }
}

.ppc-item__subtitle {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}

@media (min-width: 992px) {
  .ppc-item__subtitle {
    font-size: 20px;
    font-weight: 700;
  }
}

.ppc-item__body-desktop {
  display: none;
}

.ppc-item__body-mobile {
  display: block;
}

@media (min-width: 992px) {
  .ppc-item__body-desktop {
    display: block;
  }

  .ppc-item__body-mobile {
    display: none;
  }
}

.ppc-item__body .rte {
  word-break: break-word;
  line-height: 1.6;
}