/* Float the form inputs on the left */
.webform-component-fieldset {
  width: 55%;
  float: left;
  box-sizing: border-box;
  padding-right: 2rem;
}

/* Float prototype results on the right and make them sticky */
.webform-component--prototype-feasibility {
  width: 40%;
  float: right;
  position: sticky;
  top: 1rem;
  box-sizing: border-box;
  padding: 1rem;
}

/* Prototype box */
.prototype-result {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 12px 16px;
  margin-bottom: 12px;
  background-color: #fafafa;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  font-family: inherit;
}

/* Title */
.prototype-result h3 {
  margin: 0 0 6px 0;
  font-weight: 600;
}

/* IRR + Feasibility line */
.prototype-result .summary {
  margin: 0;
  color: #333;
}

/* Color-coded feasibility output */
.prototype-result .feasible {
  font-weight: 600;
  color: green;
  margin-left: 10px;
}

.prototype-result .not-feasible {
  font-weight: 600;
  color: red;
  margin-left: 10px;
}