body{font-family:Arial,sans-serif;margin:0;} .gate{max-width:650px;margin:60px auto;text-align:center;padding:20px;} input,textarea,select{width:95%;padding:10px;margin:6px 0;font-size:16px;} textarea{resize:vertical;} .error{color:#b00020;display:none;margin-top:10px;} .pageSection{display:none;padding:20px;} .hint{color:#444;font-size:14px;} .inline{display:inline-block;margin-right:8px;} .dutyNo{text-align:center;font-weight:bold;}



/* ✅ Prevent selecting questionnaire text (deterrent) */
#questionnaireContainer {
  -webkit-user-select: none;
  user-select: none;
}

/* Inputs still work normally (typing is unaffected) */
#questionnaireContainer input,
#questionnaireContainer textarea,
#questionnaireContainer select {
  -webkit-user-select: text;
  user-select: text;
}

/* Deter selecting questionnaire text */
#questionnaireContainer {
  -webkit-user-select: none;
  user-select: none;
}

/* Allow normal behavior inside fields */
#questionnaireContainer input,
#questionnaireContainer textarea,
#questionnaireContainer select {
  -webkit-user-select: text;
  user-select: text;
}


.pageSection {
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.25s ease;
}

.pageSection.active {
  opacity: 1;
  transform: translateY(0);
}