.text {
  padding: 0 var(--g-side);
  box-sizing: border-box;
  margin: var(--g-pink) auto;
  max-width: 64rem;
}

.text--centered {
  text-align: center;
}

.text__title {
  margin-bottom: 1rem;
}

.text__body form p {
  margin: 2.5rem 0;
}

.text__body form h1 {
  font-size: initial !important;
  line-height: initial !important;
}

.text__body p {
  margin: revert !important;
}

.text__body a {
  font-weight: 700;
  text-transform: uppercase;
}

.text__body ol,
.text__body ul {
  margin: revert !important;
  padding: revert !important;
  list-style: revert !important;
}

.text__placeholder {
  display: none;
}

/* Mood specific styling */
@media (min-width: 1025px) {
  .mood--indent + .text {
    display: grid;
    gap: 1.5625rem;
    grid-template-columns: 1fr minmax(680px, 1fr);
    max-width: var(--max-width);
  }
}

@media (min-width: 1441px) {
  .mood--indent + .text {
    grid-template-columns: 1fr minmax(680px, 1fr);
  }
}

@media (max-width: 1180px) {
  .mood--indent + .text {
    --g-side: 1.25rem;
  }
}

@media (min-width: 1025px) and (max-width: 1440px) {
  .mood--indent + .text {
    grid-template-columns: 1fr minmax(400px, 1fr);
  }
}

.mood--indent + .text__placeholder {
  display: block;
}
