.elementor-1664 .elementor-element.elementor-element-833e7a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-023f3e0 */#quizContainer {
    max-width: 1100px;
    margin: 0 auto;
    padding: 16px;
    box-sizing: border-box;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }

  #scorePanel {
    margin-bottom: 12px;
    font-weight: 600;
  }

  /* >>> largeur de 80 % pour questionBody <<< */
  #questionBody {
    width: 80%;
    margin: 0 auto 16px auto; /* centré */
    font-size: 1.1rem;
    line-height: 1.4;
  }

  @media (max-width: 768px) {
    #questionBody {
      width: 95%;
    }
  }

  #answersContainer {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 80%;
    margin: 0 auto 16px auto;
  }

  .answerBtn {
    padding: 10px 14px;
    border-radius: 6px;
    border: 1px solid #ccc;
    cursor: pointer;
    text-align: left;
    background-color: #f7f7f7;
    transition: background-color 0.15s ease, border-color 0.15s ease;
  }

  .answerBtn:hover {
    background-color: #ececec;
  }

  .answerBtn.selected {
    border-color: #0073aa;
    background-color: #e1f0ff;
  }

  .answerBtn.correct {
    background-color: #c8f7c5;
    border-color: #43a047;
  }

  .answerBtn.incorrect {
    background-color: #ffcdd2;
    border-color: #e53935;
  }

  #buttonsRow {
    display: flex;
    gap: 8px;
    justify-content: center;
  }

  #buttonsRow button {
    padding: 8px 14px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: #f7f7f7;
    cursor: pointer;
  }

  #buttonsRow button:disabled {
    opacity: 0.6;
    cursor: default;
  }

  /* Feedback par question */
  #feedback {
    width: 80%;
    margin: 0 auto 16px auto;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid transparent;
    box-sizing: border-box;
  }

  #feedback.ok {
    background-color: #e6ffe6;
    border-color: #55aa55;
  }

  #feedback.ko {
    background-color: #ffe6e6;
    border-color: #cc5555;
  }

  #feedbackMessage {
    font-weight: 600;
    margin-bottom: 6px;
  }

  #feedbackDetails {
    font-size: 0.95rem;
  }

  /* Résultat final */
  #resultBlock {
    width: 80%;
    margin: 0 auto 20px auto;
    padding: 14px;
    border-radius: 6px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    box-sizing: border-box;
    font-size: 0.98rem;
  }/* End custom CSS */