/* Scoped to the simulator; other service-site pages keep their current styles. */
.simulator-process-group {
  margin: 24px 0;
}
.simulator-process-fields {
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  align-items: end;
}
.simulator-result-conditions,
.simulator-result-caveat {
  color: #d2d8df;
  font-size: 15px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.simulator-result-caveat {
  margin: 16px 0;
}
.simulator-result-actions {
  display: block;
}
.simulator-result-cta-links {
  width: 100%;
}
.simulator-result.is-revealed .simulator-result-metrics > div {
  animation: none;
}
.simulator-result-metrics > div[hidden] {
  display: none;
}
.simulator-result-metrics {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.simulator-form input,
.simulator-form select {
  scroll-margin-top: 110px;
}
.simulator-form [aria-invalid="true"] {
  border: 2px solid #a32121;
}
.simulator-form :focus-visible,
#simulator-result :is(a, button, input, select, textarea):focus-visible {
  outline: 3px solid #28818c;
  outline-offset: 3px;
}
.simulator-page :is(
  input:not([type="checkbox"]):not([type="radio"]),
  select,
  textarea
):focus:not([aria-invalid="true"]) {
  border-color: var(--cyan) !important;
  box-shadow: 0 0 0 3px rgba(40, 194, 199, .27) !important;
  outline: none !important;
}
.simulator-form :disabled,
#simulator-result :disabled {
  cursor: wait;
  opacity: 0.7;
}
@media (max-width: 600px) {
  .simulator-process-fields {
    grid-template-columns: 1fr;
  }
  .simulator-result-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .simulator-result-metrics dd strong {
    font-size: clamp(22px, 6.5vw, 30px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .simulator-result.is-revealed,
  .simulator-result.is-revealed .simulator-result-metrics > div {
    animation: none;
  }
  .simulator-submit,
  .simulator-result-contact,
  .simulator-result-edit {
    transition: none;
  }
}
.simulator-campaign-page .simulator-hero-actions .simulator-secondary-action {
  display: inline-flex !important;
}
.simulator-page .simulator-input-guidance {
  font-size: 14px;
  color: #4b535f;
}
.simulator-page .simulator-field > label {
  font-size: 15px;
}
@media (max-width: 600px) {
  .simulator-page .simulator-result[data-status] > .simulator-result-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .simulator-page
    .simulator-result:is(
      [data-status="no_history"],
      [data-status="deadline_risk"]
    )
    > .simulator-result-metrics
    > div:last-child {
    grid-column: 1 / -1;
  }
  .simulator-page .simulator-result-contact {
    font-size: 15px;
  }
}
.simulator-page .simulator-result-actions {
  padding: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
}
.simulator-page .simulator-result-contact {
  box-shadow: none;
}