body.carpinus-quiz-layout-safe .entry-content > .cqs-app,
body.carpinus-quiz-layout-safe .wp-block-post-content > .cqs-app,
body.carpinus-quiz-layout-safe .cqs-app {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
  margin: 24px auto 56px !important;
}

body.carpinus-quiz-layout-safe .cqs-panel,
body.carpinus-quiz-layout-safe .cqs-shell {
  padding: clamp(20px, 2vw, 32px) !important;
  border-radius: 12px !important;
}

body.carpinus-quiz-layout-safe .cqs-top {
  padding: clamp(16px, 1.8vw, 24px) !important;
}

body.carpinus-quiz-layout-safe .cqs-question-text {
  font-size: clamp(21px, 1.7vw, 27px) !important;
  line-height: 1.45 !important;
}

body.carpinus-quiz-layout-safe .cqs-passage {
  font-size: clamp(16px, 1.1vw, 18px) !important;
  line-height: 1.7 !important;
  max-height: 420px !important;
}

body.carpinus-quiz-layout-safe .cqs-options {
  gap: 12px !important;
}

body.carpinus-quiz-layout-safe .cqs-option {
  font-size: clamp(16px, 1.1vw, 19px) !important;
  padding: 16px 18px !important;
}

body.carpinus-quiz-layout-safe .cqs-start-form {
  max-width: 600px !important;
}

body.carpinus-quiz-layout-safe .cqs-start-form input {
  min-height: 48px !important;
}

body.carpinus-quiz-layout-safe .cqs-picker {
  max-height: 360px;
  overflow: auto;
}

body.carpinus-quiz-layout-safe .cqs-qjump {
  min-width: 44px !important;
  min-height: 38px !important;
}

@media (max-width: 720px) {
  body.carpinus-quiz-layout-safe .cqs-app {
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px auto 40px !important;
  }

  body.carpinus-quiz-layout-safe .cqs-panel,
  body.carpinus-quiz-layout-safe .cqs-shell {
    padding: 16px !important;
  }
}