/* general form styling */
#eligibility-form {
  max-width: 960px;
  margin: 2rem auto;
  background-color: #B0D5EB;
  border-radius: 24px;
  padding: 2rem;
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.6) !important;
  font-family: 'Inter', sans-serif; 
}

/* input/select fields */
.field.text,
.field.select {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #bbb;
  border-radius: 20px;
  font-size: 1rem;
  background-color: white;
  appearance: none;
}

.field.text::placeholder {
  color: #999;
}

label {
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}

label small {
  display: block;
  font-weight: normal;
  color: #555;
  font-size: 0.85rem;
  margin-top: 0.25rem;
}

/* checkbox styling*/
.checkbox-option {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}

.checkbox-option input[type="checkbox"] {
  margin-right: 0.5rem;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  appearance: none;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
}

.checkbox-option label {
  font-size: 0.95rem;
  margin: 0;
}

/* error messages */
.form-errors {
  background: #ffecec;
  border-left: 4px solid #e74c3c;
  padding: 1rem;
  margin-top: 1.5rem;
  border-radius: 8px;
  color: #a94442;
}

/* mobile design */
@media (max-width: 768px) {
  .fields-row {
    flex-direction: column;
  }

  .field-column {
    width: 100%;
  }
}

/*styling for form columns and rows*/
.fields-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 50px; 
  margin-bottom: 20px;
}
.field-column {
  flex: 1 1 45%;
  min-width: 300px;
}

.calculate-button {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  border-radius: 24px;
}

.print-save-btn {
  padding: 40px 20px;
  display: block;      
  margin: 0 auto;      
  max-width: fit-content; 
}