/* JEM TANDEM - H5P modern theme */
.h5p-theme-button.h5p-theme-primary-cta,
.h5p-theme .h5p-theme-button.h5p-theme-primary-cta,
.h5p-theme-button.h5p-theme-primary-cta.h5p-theme-check {
  background-color: #67AD5B !important;
  border-color: #67AD5B !important;
  color: #FFFFFF !important;
}
.h5p-theme-button.h5p-theme-primary-cta:hover,
.h5p-theme .h5p-theme-button.h5p-theme-primary-cta:hover {
  background-color: #568F4C !important;
  border-color: #568F4C !important;
}
.h5p-theme .h5p-alternative-container,
.h5p-multichoice .h5p-alternative-container {
  background: #EEF2E7 !important;
}

/* Drag and Drop: JEM TANDEM palette. Preserve H5P correct/incorrect feedback. */
.h5p-dragquestion .h5p-dropzone,
.h5p-dragquestion .h5p-dropzone-container,
.h5p-dragquestion .h5p-dropzone-label {
  background-color: #EEF2E7 !important;
  color: #4A3828 !important;
}
.h5p-dragquestion .h5p-dropzone {
  border-color: #B8D2AD !important;
}
.h5p-dragquestion .h5p-draggable:not(.h5p-correct):not(.h5p-wrong):not(.h5p-incorrect),
.h5p-dragquestion .h5p-draggable:not(.h5p-correct):not(.h5p-wrong):not(.h5p-incorrect) .h5p-draggable-text {
  background-color: #EEF2E7 !important;
  color: #4A3828 !important;
}
.h5p-dragquestion .h5p-draggable:not(.h5p-correct):not(.h5p-wrong):not(.h5p-incorrect) {
  border-color: #B8D2AD !important;
}
/* H5P Drag and Drop uses its own buttons in some versions. */
.h5p-dragquestion .h5p-question-check-answer,
.h5p-dragquestion .h5p-question-try-again,
.h5p-dragquestion .h5p-question-show-solution {
  background-color: #67AD5B !important;
  border-color: #67AD5B !important;
  color: #FFFFFF !important;
}
.h5p-dragquestion .h5p-question-check-answer:hover,
.h5p-dragquestion .h5p-question-try-again:hover,
.h5p-dragquestion .h5p-question-show-solution:hover {
  background-color: #568F4C !important;
  border-color: #568F4C !important;
}

/* v1.6: large Drag and Drop target rectangles (background, not only background-color). */
.h5p-dragquestion .h5p-dropzone,
.h5p-dragquestion .h5p-dropzone-container,
.h5p-dragquestion .h5p-dropzone-inner,
.h5p-dragquestion .h5p-dropzone-label {
  background: #F4F0E8 !important;
  color: #4A3828 !important;
}
.h5p-dragquestion .h5p-dropzone {
  border-color: #D9D0C1 !important;
}

/* v1.7: selectors verified in Firefox on the actual H5P Drag and Drop.
   H5P sets inline background colors; !important overrides them. */
.h5p-dropzone .h5p-inner {
  background: #F4F0E8 !important;
}
.h5p-dropzone .h5p-dropzone-label {
  background-color: #EEF2E7 !important;
  background-image: none !important;
  color: #4A3828 !important;
}

/* v1.8: verified H5P modern Drag and Drop label (double underscore). */
.h5p-dragquestion .h5p-dropzone .h5p-dropzone__label,
.h5p-dropzone .h5p-dropzone__label {
  background-color: #EEF2E7 !important;
  background-image: none !important;
  color: #4A3828 !important;
}

/* v1.8: the six-dot grip is drawn by the draggable ::before pseudo-element.
   Keep H5P correct/incorrect answer feedback unchanged. */
.h5p-theme .h5p-draggable.h5p-draggable--has-handle:not(.h5p-correct):not(.h5p-wrong):not(.h5p-incorrect)::before {
  background-color: #F4F0E8 !important;
  color: #4A3828 !important;
}
/* Prevent the default blue grip on hover, drag and keyboard focus. */
.h5p-theme .h5p-draggable.h5p-draggable--has-handle:not(.h5p-correct):not(.h5p-wrong):not(.h5p-incorrect):is(:hover, :focus, :focus-visible, .h5p-draggable--hover, .ui-draggable-dragging)::before {
  background-color: #F4F0E8 !important;
  color: #4A3828 !important;
}

/* v1.9: actual H5P drop-zone title class has ONE underscore.
   Keep both variants for compatibility with different H5P releases. */
.h5p-dropzone .h5p-dropzone_label,
.h5p-dragquestion .h5p-dropzone_label,
.h5p-dropzone_label {
  background-color: #EEF2E7 !important;
  background-image: none !important;
  color: #4A3828 !important;
}


/* v2.0 – Documentation Tool: palette JEM TANDEM */

/* Navigation latérale : fond vert très pâle uniforme. */
.h5p-documentation-tool .h5p-navigation-menu,
.h5p-documentation-tool .h5p-navigation-menu .h5p-navigation-menu-header,
.h5p-documentation-tool .h5p-navigation-menu .h5p-navigation-menu-entries,
.h5p-documentation-tool .h5p-navigation-menu .h5p-navigation-menu-entry {
  background: #EEF2E7 !important;
  background-color: #EEF2E7 !important;
}

/* Bouton Suivant. */
.h5p-documentation-tool button.h5p-theme-button.h5p-theme-nav-button.h5p-theme-next {
  background: #67AD5B !important;
  background-color: #67AD5B !important;
  border-color: #67AD5B !important;
  color: #FFFFFF !important;
}
.h5p-documentation-tool button.h5p-theme-next .h5p-theme-label {
  color: #FFFFFF !important;
}

/* Bouton Précédent. */
.h5p-documentation-tool button.h5p-theme-button.h5p-theme-nav-button.h5p-theme-previous {
  background: #F4F0E8 !important;
  background-color: #F4F0E8 !important;
  border-color: #F4F0E8 !important;
  color: #4A3828 !important;
}
.h5p-documentation-tool button.h5p-theme-previous .h5p-theme-label {
  color: #4A3828 !important;
}

/* Champs de réponse : contour vert, sans halo violet. */
.h5p-documentation-tool textarea.h5p-text-input-field-textfield {
  border: 2px solid #83AC4D !important;
  box-shadow: none !important;
}
.h5p-documentation-tool textarea.h5p-text-input-field-textfield:focus,
.h5p-documentation-tool textarea.h5p-text-input-field-textfield:focus-visible {
  border-color: #67AD5B !important;
  box-shadow: 0 0 0 2px #EEF2E7 !important;
}


/* v2.1 – Titres et filet du Documentation Tool */
.h5p-documentation-tool .h5p-navigation-menu .h5p-navigation-menu-header,
.h5p-documentation-tool .h5p-navigation-menu .h5p-navigation-menu-header *,
.h5p-documentation-tool .h5p-navigation-menu-header,
.h5p-documentation-tool .h5p-navigation-menu-header * {
  color: #4A3828 !important;
}

/* Titre de la page courante et ligne horizontale située juste en dessous. */
.h5p-documentation-tool .h5p-standard-page .page-header {
  border-bottom: 2px solid #83AC4D !important;
}
.h5p-documentation-tool .h5p-standard-page .page-header::after {
  background-color: #83AC4D !important;
  border-color: #83AC4D !important;
}
.h5p-documentation-tool .h5p-standard-page .page-header,
.h5p-documentation-tool .h5p-standard-page .page-header * {
  color: #4A3828 !important;
}


/* v2.2 – Documentation Tool : progression verte JEM TANDEM.
   Les sélecteurs .dot et ::after ont été identifiés lors des tests Firefox. */
.h5p-documentation-tool .h5p-navigation-menu-entry .dot {
  border: 3px solid #67AD5B !important;
  outline: none !important;
  box-shadow: none !important;
}
.h5p-documentation-tool .h5p-navigation-menu-entry.current .dot {
  background: #67AD5B !important;
  border-color: #67AD5B !important;
  outline: none !important;
  box-shadow: 0 0 0 8px #DCEAD6 !important;
}
.h5p-documentation-tool .h5p-navigation-menu-entry::after {
  background: #83AC4D !important;
  background-color: #83AC4D !important;
}


/* v2.3 – Drag and Drop: reduce the two drop-zone title labels to 18 px.
   The label is a direct child div of .h5p-dropzone__label (double underscore). */
.h5p-dragquestion .h5p-dropzone__label > div,
.h5p-dropzone__label > div {
  font-size: 18px !important;
}


/* v2.4 – Drag and Drop: reduce the text of all six draggable cards.
   H5P defines font-size on the paragraph using its theme variable.
   Target the actual paragraph inside each draggable, not the drop zones. */
.h5p-dragquestion .h5p-draggable .h5p-advanced-text > p,
.h5p-dragquestion .h5p-draggable p:not(.h5p-hidden-read) {
  font-size: 18px !important;
}

/* v2.5 – Branching Scenario only: JEM TANDEM palette.
   Scoped to avoid changing Drag and Drop or Documentation Tool.
   H5P versions may use different inner class names. */
.h5p-branching-scenario {
  --jem-bg: #EEF2E7;
  --jem-text: #4A3828;
  --jem-action: #729152;
  --jem-card: #F4F0E8;
  --jem-accent: #83AC4D;
  background: var(--jem-bg) !important;
  color: var(--jem-text) !important;
}
.h5p-branching-scenario .h5p-start-screen,
.h5p-branching-scenario .h5p-end-screen,
.h5p-branching-scenario .h5p-branching-scenario-start-screen,
.h5p-branching-scenario .h5p-branching-scenario-end-screen,
.h5p-branching-scenario .h5p-screen,
.h5p-branching-scenario .h5p-branching-scenario-screen {
  background-color: var(--jem-bg) !important;
  color: var(--jem-text) !important;
}
.h5p-branching-scenario .h5p-start-screen h1,
.h5p-branching-scenario .h5p-end-screen h1,
.h5p-branching-scenario .h5p-start-screen p,
.h5p-branching-scenario .h5p-end-screen p,
.h5p-branching-scenario .h5p-branching-scenario-start-screen *,
.h5p-branching-scenario .h5p-branching-scenario-end-screen * {
  color: var(--jem-text);
}
.h5p-branching-scenario .h5p-branching-question,
.h5p-branching-scenario .h5p-branching-question-container,
.h5p-branching-scenario .h5p-branching-question-overlay .h5p-branching-question {
  background-color: #FFFFFF !important;
  color: var(--jem-text) !important;
}
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-alternative,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-answer,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-option {
  background-color: var(--jem-card) !important;
  color: var(--jem-text) !important;
  border-color: #D9D0C1 !important;
}
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-alternative:hover,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-answer:hover,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-option:hover {
  background-color: #E4EBD9 !important;
}
.h5p-branching-scenario .h5p-start-button,
.h5p-branching-scenario .h5p-restart-button,
.h5p-branching-scenario .h5p-proceed-button,
.h5p-branching-scenario .h5p-branching-scenario-button,
.h5p-branching-scenario button.h5p-theme-primary-cta {
  background-color: var(--jem-action) !important;
  border-color: var(--jem-action) !important;
  color: #FFFFFF !important;
}
.h5p-branching-scenario .h5p-start-button:hover,
.h5p-branching-scenario .h5p-restart-button:hover,
.h5p-branching-scenario .h5p-proceed-button:hover,
.h5p-branching-scenario .h5p-branching-scenario-button:hover {
  background-color: #58743F !important;
  border-color: #58743F !important;
}
.h5p-branching-scenario button:focus-visible,
.h5p-branching-scenario [role="button"]:focus-visible {
  outline: 3px solid var(--jem-accent) !important;
  outline-offset: 3px;
}


/* v2.6 – Branching Scenario: intermediate scene background and text cards.
   Additional selectors cover alternate H5P Branching Scenario layouts.
   Scoped to this content type; no effect on other H5P activities. */
.h5p-branching-scenario .h5p-branching-scenario-content,
.h5p-branching-scenario .h5p-branching-scenario-content-wrapper,
.h5p-branching-scenario .h5p-branching-scenario-content-container,
.h5p-branching-scenario .h5p-branching-scenario-main,
.h5p-branching-scenario .h5p-branching-scenario-main-content,
.h5p-branching-scenario .h5p-branching-scenario-screen-content,
.h5p-branching-scenario .h5p-branching-scenario-content-background,
.h5p-branching-scenario .h5p-branching-scenario-inner,
.h5p-branching-scenario .h5p-branching-scenario-header,
.h5p-branching-scenario .h5p-content-container,
.h5p-branching-scenario .h5p-content-wrapper {
  background: #EEF2E7 !important;
  background-color: #EEF2E7 !important;
  color: #4A3828 !important;
}
/* H5P scene header and title: keep readable on pale background. */
.h5p-branching-scenario .h5p-branching-scenario-header *,
.h5p-branching-scenario .h5p-branching-scenario-content-header,
.h5p-branching-scenario .h5p-branching-scenario-content-title {
  color: #4A3828 !important;
}
/* The white content panel stays distinct from the pale-green surround. */
.h5p-branching-scenario .h5p-branching-scenario-content .h5p-advanced-text,
.h5p-branching-scenario .h5p-branching-scenario-content .h5p-text,
.h5p-branching-scenario .h5p-branching-scenario-content .h5p-text-content {
  background-color: #FFFFFF !important;
  color: #4A3828 !important;
}
/* End-screen restart: ensure the former neon outline becomes a solid button. */
.h5p-branching-scenario .h5p-end-screen button,
.h5p-branching-scenario .h5p-branching-scenario-end-screen button,
.h5p-branching-scenario button.h5p-restart-button,
.h5p-branching-scenario .h5p-restart-button {
  background: #729152 !important;
  background-color: #729152 !important;
  border: 2px solid #729152 !important;
  color: #FFFFFF !important;
}
.h5p-branching-scenario .h5p-end-screen button *,
.h5p-branching-scenario .h5p-branching-scenario-end-screen button *,
.h5p-branching-scenario .h5p-restart-button * {
  color: #FFFFFF !important;
}

/* v2.7 – Verified Firefox inspector selector for Branching Scenario scene. */
.h5p-branching-scenario .h5p-current-screen {
  background: #EEF2E7 !important;
  background-color: #EEF2E7 !important;
}


/* v2.8 – Branching Scenario: sauge et crème (option 2).
   Scoped to Branching Scenario; keeps other H5P activity styling intact. */
.h5p-branching-scenario {
  --jem-bg: #C8CEC2;
  --jem-card: #F4F0E8;
  --jem-text: #4A3828;
  background-color: #C8CEC2 !important;
}
.h5p-branching-scenario .h5p-current-screen,
.h5p-branching-scenario .h5p-screen-header,
.h5p-branching-scenario .h5p-start-screen,
.h5p-branching-scenario .h5p-end-screen,
.h5p-branching-scenario .h5p-screen,
.h5p-branching-scenario .h5p-branching-scenario-screen {
  background: #C8CEC2 !important;
  background-color: #C8CEC2 !important;
}
/* The actual intermediate-screen heading is inside h5p-branching-header. */
.h5p-branching-scenario .h5p-branching-header h1,
.h5p-branching-scenario .h5p-branching-header h1 *,
.h5p-branching-scenario .h5p-branching-header .library-subtitle,
.h5p-branching-scenario .h5p-branching-header .library-subtitle * {
  color: #4A3828 !important;
}
/* Reading panel inside the current screen; avoid changing the button or header. */
.h5p-branching-scenario .h5p-current-screen > .h5p-library-wrapper,
.h5p-branching-scenario .h5p-current-screen .h5p-library-wrapper,
.h5p-branching-scenario .h5p-current-screen .h5p-advanced-text {
  background-color: #F4F0E8 !important;
  color: #4A3828 !important;
}
.h5p-branching-scenario .h5p-current-screen .h5p-library-wrapper {
  box-shadow: 0 6px 18px rgba(74, 56, 40, .12) !important;
}


/* v2.9 - Branching Scenario: unified light sage and cream layout.
   Other H5P content types remain unchanged. */
.h5p-branching-scenario {
  --jem-bg: #EEF2E7;
  --jem-card: #F7F3EC;
  --jem-text: #4A3828;
  --jem-action: #729152;
  --jem-accent: #C8CEC1;
  background: #EEF2E7 !important;
  color: #4A3828 !important;
}
.h5p-branching-scenario .h5p-current-screen,
.h5p-branching-scenario .h5p-screen-header,
.h5p-branching-scenario .h5p-title-wrapper,
.h5p-branching-scenario .h5p-branching-header,
.h5p-branching-scenario .h5p-start-screen,
.h5p-branching-scenario .h5p-end-screen,
.h5p-branching-scenario .h5p-screen,
.h5p-branching-scenario .h5p-branching-scenario-screen,
.h5p-branching-scenario .h5p-branching-scenario-content,
.h5p-branching-scenario .h5p-branching-scenario-content-wrapper,
.h5p-branching-scenario .h5p-branching-scenario-content-container,
.h5p-branching-scenario .h5p-branching-scenario-main,
.h5p-branching-scenario .h5p-branching-scenario-main-content,
.h5p-branching-scenario .h5p-branching-scenario-screen-content,
.h5p-branching-scenario .h5p-branching-scenario-content-background,
.h5p-branching-scenario .h5p-branching-scenario-inner,
.h5p-branching-scenario .h5p-branching-scenario-header,
.h5p-branching-scenario .h5p-content-container,
.h5p-branching-scenario .h5p-content-wrapper {
  background: #EEF2E7 !important;
  background-color: #EEF2E7 !important;
}
/* Title is readable rather than white on a pale header. */
.h5p-branching-scenario .h5p-branching-header h1,
.h5p-branching-scenario .h5p-branching-header h1 *,
.h5p-branching-scenario .h5p-branching-header .library-subtitle,
.h5p-branching-scenario .h5p-branching-header .library-subtitle * {
  color: #4A3828 !important;
}
/* One gentle elevation for the reading card, no layered dark shadows. */
.h5p-branching-scenario .h5p-current-screen .h5p-library-wrapper,
.h5p-branching-scenario .h5p-current-screen .h5p-advanced-text,
.h5p-branching-scenario .h5p-branching-scenario-content .h5p-advanced-text,
.h5p-branching-scenario .h5p-branching-scenario-content .h5p-text,
.h5p-branching-scenario .h5p-branching-scenario-content .h5p-text-content {
  background: #F7F3EC !important;
  background-color: #F7F3EC !important;
  color: #4A3828 !important;
}
.h5p-branching-scenario .h5p-current-screen .h5p-library-wrapper {
  box-shadow: 0 3px 12px rgba(74,56,40,.08) !important;
  border: 1px solid rgba(74,56,40,.07) !important;
}
.h5p-branching-scenario .h5p-current-screen .h5p-advanced-text {
  box-shadow: none !important;
}
/* Keep modal contrast and interactive answer affordances. */
.h5p-branching-scenario .h5p-branching-question,
.h5p-branching-scenario .h5p-branching-question-container,
.h5p-branching-scenario .h5p-branching-question-overlay .h5p-branching-question {
  background: #FFFFFF !important;
  color: #4A3828 !important;
}
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-alternative,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-answer,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-option {
  background: #F7F3EC !important;
  border-color: #D9D0C1 !important;
  color: #4A3828 !important;
}
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-alternative:hover,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-answer:hover,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-option:hover {
  background: #E4EBD9 !important;
}
.h5p-branching-scenario .h5p-start-button,
.h5p-branching-scenario .h5p-restart-button,
.h5p-branching-scenario .h5p-proceed-button,
.h5p-branching-scenario .h5p-branching-scenario-button {
  background: #729152 !important;
  border-color: #729152 !important;
  color: #FFFFFF !important;
}

/* v3.0 – Branching Scenario: transitions and decision dialog. */
.h5p-branching-scenario,
.h5p-branching-scenario .h5p-current-screen,
.h5p-branching-scenario .h5p-next-screen,
.h5p-branching-scenario .h5p-start-screen,
.h5p-branching-scenario .h5p-end-screen,
.h5p-branching-scenario .h5p-screen-header,
.h5p-branching-scenario .h5p-branching-hidden {
  background-color: #EEF2E7 !important;
}
.h5p-branching-scenario .h5p-current-screen,
.h5p-branching-scenario .h5p-next-screen {
  transition-property: opacity, transform, visibility !important;
}
/* The decision panel is the same cream as the reading card. */
.h5p-branching-scenario .h5p-branching-question,
.h5p-branching-scenario .h5p-branching-question-container,
.h5p-branching-scenario .h5p-branching-question-overlay .h5p-branching-question,
.h5p-branching-scenario .h5p-branching-question-dialog,
.h5p-branching-scenario .h5p-branching-question-content {
  background: #F7F3EC !important;
  color: #4A3828 !important;
}
.h5p-branching-scenario .h5p-branching-question,
.h5p-branching-scenario .h5p-branching-question-dialog {
  border: 1px solid #E3DCD0 !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 26px rgba(74,56,40,.13) !important;
}
/* Remove the purely decorative signpost from the choice dialog. */
.h5p-branching-scenario .h5p-branching-question-icon,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-icon,
.h5p-branching-scenario .h5p-branching-question .h5p-question-icon,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-icon-container {
  display: none !important;
}
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-alternative,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-answer,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-option {
  background: #F1EBE2 !important;
  border: 1px solid #E1D7CA !important;
  border-radius: 7px !important;
  color: #4A3828 !important;
}
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-alternative:hover,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-answer:hover,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-option:hover {
  background: #E4EBD9 !important;
  border-color: #A9BF95 !important;
}
/* Modal backdrop: less harsh than the default near-black. */
.h5p-branching-scenario .h5p-branching-question-overlay {
  background-color: rgba(39,45,37,.38) !important;
}


/* v3.1 — Decision dialog polish (Branching Scenario only). */
/* Neutral backdrop, including alternate H5P overlay wrappers. */
.h5p-branching-scenario .h5p-branching-question-overlay,
.h5p-branching-scenario .h5p-overlay,
.h5p-branching-scenario .h5p-branching-question-background {
  background-color: rgba(48, 43, 37, .62) !important;
}
/* Remove unused decorative icon and any spacer around it. */
.h5p-branching-scenario .h5p-branching-question-icon,
.h5p-branching-scenario .h5p-branching-question-icon-container,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-icon,
.h5p-branching-scenario .h5p-branching-question .h5p-question-icon {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Give the option label room before any right-hand arrow. */
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-alternative,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-answer,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-option,
.h5p-branching-scenario .h5p-branching-question button {
  position: relative !important;
  padding-right: 68px !important;
  box-sizing: border-box !important;
}
/* Position common arrow icons independently of the answer text. */
.h5p-branching-scenario .h5p-branching-question button .fa,
.h5p-branching-scenario .h5p-branching-question button .fas,
.h5p-branching-scenario .h5p-branching-question button .fa-arrow-right,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-alternative .fa,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-answer .fa,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-option .fa {
  color: #4A3828 !important;
  position: absolute !important;
  right: 22px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}
/* Some versions draw the arrow using a pseudo-element. */
.h5p-branching-scenario .h5p-branching-question button::after,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-alternative::after,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-answer::after,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-option::after {
  color: #4A3828 !important;
  right: 22px !important;
}
/* Consistent keyboard focus without default blue highlight. */
.h5p-branching-scenario .h5p-branching-question button:focus-visible,
.h5p-branching-scenario .h5p-branching-question [role="button"]:focus-visible {
  outline: 3px solid #729152 !important;
  outline-offset: 2px;
}


/* v3.2 — Ivoire lumineux: color-only changes to the decision dialog.
   Retain v3.1 layout, icon removal, spacing, arrow alignment and backdrop. */
.h5p-branching-scenario .h5p-branching-question,
.h5p-branching-scenario .h5p-branching-question-container,
.h5p-branching-scenario .h5p-branching-question-overlay .h5p-branching-question,
.h5p-branching-scenario .h5p-branching-question-dialog,
.h5p-branching-scenario .h5p-branching-question-content {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #4A3828 !important;
}
.h5p-branching-scenario .h5p-branching-question,
.h5p-branching-scenario .h5p-branching-question-dialog {
  border-color: #DCE3D5 !important;
}
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-alternative,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-answer,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-option {
  background: #F4F6F0 !important;
  background-color: #F4F6F0 !important;
  border-color: #DCE3D5 !important;
  color: #4A3828 !important;
}
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-alternative:hover,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-answer:hover,
.h5p-branching-scenario .h5p-branching-question .h5p-branching-question-option:hover {
  background: #E8EFE4 !important;
  background-color: #E8EFE4 !important;
  border-color: #A9BF95 !important;
}