.cipad-form-status {
  margin: 0 0 18px;
  padding: 16px 18px;
  border-left: 4px solid;
  border-radius: 10px;
}

.cipad-form-status--success {
  color: #174c24;
  background: #eaf8ee;
  border-color: #238636;
}

.cipad-form-status--warning {
  color: #624a00;
  background: #fff7d6;
  border-color: #c99a00;
}

.cipad-form-status--error {
  color: #741717;
  background: #fff0f0;
  border-color: #c62828;
}

/* Accessible contrast and calmer layout for the assessment inside Divi. */
.cipad-assessment {
  background: #21145a;
}

.cipad-assessment h2 {
  color: #ffffff !important;
  font-size: clamp(38px, 4vw, 58px) !important;
  line-height: 1.02 !important;
}

.cipad-assessment h2 em {
  color: #fff200 !important;
}

.cipad-assessment__intro > p,
.cipad-assessment__intro li,
.cipad-assessment__intro small {
  color: #f4f1ff;
}

.cipad-assessment__option {
  background: #ffffff0d;
  border-color: #ffffff52;
}

.cipad-assessment__option:hover,
.cipad-assessment__option:focus-visible {
  border-color: #fff200;
  background: #ffffff18;
  outline: 3px solid #fff20055;
  outline-offset: 2px;
}

.cipad-assessment__result {
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.cipad-assessment__result small,
.cipad-assessment__result h3,
.cipad-assessment__result p {
  color: #190d4e;
}

.cipad-assessment__result .cipad-button {
  justify-self: start;
}