.or-appearance-hidden,
.question.or-appearance-hidden,
.note.or-appearance-hidden {
  display: none !important;
}

/* Patient-facing Enketo overrides: phone layout and readable scales */

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

.paper {
  width: min(100% - 16px, 720px) !important;
  max-width: 720px !important;
  margin: 12px auto !important;
  padding: 12px 14px 24px !important;
}

.form-header h1,
.form-logo,
.or-group > h4 {
  text-transform: none !important;
}

.question-label,
.question .question-label.active {
  text-transform: none !important;
  letter-spacing: normal !important;
  font-size: 1.05em;
  line-height: 1.35;
}

.option-wrapper {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
}

.option-wrapper .option-label,
.option-wrapper label {
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: normal;
  line-height: 1.35;
  padding: 8px 10px;
}

.form-header__button--print {
  display: none !important;
}

.or-appearance-horizontal .option-wrapper {
  flex-direction: row;
  flex-wrap: wrap;
}

.or-appearance-likert .option-wrapper {
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 0;
}

.pages-toc__list button {
  text-transform: none;
}

.form-footer .next-page,
.form-footer a.next-page,
.btn.next-page,
a.next {
  min-height: 44px;
}

@media (max-width: 700px) {
  .form-header {
    padding-left: 8px;
    padding-right: 8px;
  }
  .or-appearance-horizontal .option-wrapper {
    flex-direction: column;
  }
  .or-appearance-likert .widget,
  .or-appearance-likert .option-wrapper {
    min-width: 0;
  }
  .question {
    width: 100% !important;
  }
}