/* end dark scheme */


/* =========================================================
   H5P Dialog Cards – END OF STYLESHEET
   ========================================================= */

/* =================================================================
   MeineLernbox — H5P task "Duolingo-style" simplification
   Scope: parent container
   .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
   ================================================================= */

/* -----------------------------------------------------------------
   1. FLATTEN THE NESTED WRAPPERS
   ----------------------------------------------------------------- */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .questionset,
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .question-container,
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-question-main-content,
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-question-content > div[role="group"],
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-question-scorebar,
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-question-scorebar-container {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .question-container {
  padding:0 !important;
  margin: 0 !important;
}

/* -----------------------------------------------------------------
   2. INSTRUCTION TEXT — neutral, quiet, no pencil, no peach box
   ----------------------------------------------------------------- */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-question-introduction::before {
  content: "" !important;
  display: none !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-blanks.h5p-theme .h5p-question-introduction,
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-multichoice.h5p-theme .h5p-question-introduction {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 0 8px 2px !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-question-introduction p {
  font-size: 14px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-question-introduction p,
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-question-introduction p strong {
  color: #8a8a8a !important;
  font-weight: 600 !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-question-introduction p em {
  color: #b5b5b5 !important;
  font-size: 12px !important;
  font-style: italic !important;
}

/* -----------------------------------------------------------------
   3. THE FOCAL POINT — the question content gets the only solid card
   ----------------------------------------------------------------- */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .question-container .h5p-question-main-content .h5p-question-content {
  margin: 0 !important;
	background: #ffffff00 !important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0 !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-question-content p {
  font-size: 19px !important;
  line-height: 2.1 !important;
  color: #2f2f2f !important;
  margin: 0 !important;
}

/* Blank input fields + correct/wrong states */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-text-input {
  border: none !important;
  border-radius: 10px !important;
  padding: 6px 8px !important;
  font-size: 16px !important;
  background: #fafafa !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-text-input:focus {
  border-color: #1cb0f6 !important;
  background: #fff !important;
  outline: none !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-input-wrapper.h5p-correct .h5p-text-input {
  border-color: #58cc02 !important;
  background: #d7ffb8 !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-input-wrapper.h5p-wrong .h5p-text-input {
  border-color: #ff4b4b !important;
  background: #ffdfe0 !important;
}

/* Multiple-choice answers as tappable cards */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-answers {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 8px 0 0 0 !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-answer {
  list-style: none !important;
  border: 2px solid #e5e5e5 !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  box-shadow: 0 2px 0 #e5e5e5 !important;
  cursor: pointer !important;
  background: #fff !important;
  margin: 0 !important;
  transition: all .12s;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-answer:hover {
  border-color: #1cb0f6 !important;
  background: #f7fcff !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-answer[aria-checked="true"] {
  border-color: #1cb0f6 !important;
  background: #ddf4ff !important;
}

/* -----------------------------------------------------------------
   4. FEEDBACK BOX — neutral, muted border, FULL WIDTH of parent
   ----------------------------------------------------------------- */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-blanks.h5p-theme .h5p-question-feedback-container,
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-multichoice.h5p-theme .h5p-question-feedback-container,
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-question-evaluation-container.evaluation-mode .h5p-question-feedback-container {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: #f6f6f6 !important;
  background-image: none !important;
  border: 1px solid #ececec !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  padding: 10px 14px !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-question-feedback-content-text {
  color: #888 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

/* -----------------------------------------------------------------
   5. EVALUATION CONTAINER — remove its card/border/extra top spacing
   ----------------------------------------------------------------- */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-question-evaluation-container,
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-question-evaluation-container.container-column {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: 1.5em !important;
}

/* -----------------------------------------------------------------
   6. SLIM SCORE BAR — reduced spacing around it
   ----------------------------------------------------------------- */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-question-scorebar {
  margin: 4px 0 !important;
  padding: 0 !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-joubelui-score-bar {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  margin: 2px 0 !important;
  padding: 0 !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-joubelui-score-bar-progress-wrapper {
  border-radius: 999px !important;
  background: #ececec !important;
  height: 10px !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-joubelui-score-bar-progress {
  background: #58cc02 !important;
  border-radius: 999px !important;
  font-size: 0 !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-joubelui-score-bar-star {
  transform: scale(.7);
}

/* -----------------------------------------------------------------
   7. ACTION BUTTONS — one compact row
   ----------------------------------------------------------------- */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-question-buttons {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 12px !important;
  padding-top: 0 !important;
  border: none !important;
  max-height: none !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-question-buttons .h5p-theme-button {
  flex: 0 0 5em !important;
  white-space: nowrap !important;
  padding: 8px 14px !important;
border-color: #e0e0e0 !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-show-solutions .h5p-theme-label {
  font-size: 0 !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-show-solutions .h5p-theme-label::after {
  content: "Lösung" !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-retry .h5p-theme-label {
  font-size: 0 !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-retry .h5p-theme-label::after {
  content: "" !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-question-buttons .h5p-theme-button.h5p-theme-primary-cta.h5p-theme-check {
  border: none !important;
  margin-top: 0 !important;
}

/* -----------------------------------------------------------------
   8. NAVIGATION — arrow-only prev/next + slim progress
   ----------------------------------------------------------------- */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .qs-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 0 4px 0 4px !important;
  border-top: 1px solid #f0f0f0 !important;
  margin-top: 6px !important;
  background: transparent !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-nav-button {
  padding: 4px 12px !important;
  min-width: 0 !important;
  border-radius: 999px !important;
  font-size: 18px !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .qs-footer .h5p-theme-previous .h5p-theme-label,
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .qs-footer .h5p-theme-next .h5p-theme-label {
  font-size: 0 !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .progress-container,
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-progress,
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .progress-text {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .progress-text {
  font-size: 13px !important;
  color: #9a9a9a !important;
  white-space: nowrap !important;
}

/* -----------------------------------------------------------------
   9. QUIET SECONDARY BUTTON STYLING (optional aesthetic)
   ----------------------------------------------------------------- */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-secondary-cta {
  border-radius: 10px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 8px 14px !important;
  box-shadow: none !important;
  background: transparent !important;
  color: #6e6e6e !important;
  transition: all .15s;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-secondary-cta:hover {
  color: #1176a8 !important;
  border-color: #e0e0e0 !important;
  background: #f7fcff !important;
}

/* -----------------------------------------------------------------
   10. TIP "i" ICONS — always visible (no longer hover-only)
   ----------------------------------------------------------------- */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-blanks.h5p-theme .h5p-input-wrapper .joubel-tip-container {
  opacity: 1 !important;
}
[data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-question-introduction p em{
    color: #7d7d7d !important;
  }

  [data-mlb-scheme="dark"] /* 3. Focal card — the question content */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .question-container .h5p-question-main-content .h5p-question-content{
    background: #1f2126 !important;
    border-color: #34373d !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-question-content p{
    color: #e6e6e6 !important;
  }

  [data-mlb-scheme="dark"] /* Blank input fields + states */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-text-input{
	  border:0!important; 
    background: #2a2d33 !important;
    color: #e6e6e6 !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-text-input:focus{
    border-color: #5cc8ff !important;
    background: #23262b !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-input-wrapper.h5p-correct .h5p-text-input{
    border-color: #7ed321 !important;
    background: rgba(126, 211, 33, 0.18) !important;
    color: #e6e6e6 !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-input-wrapper.h5p-wrong .h5p-text-input{
    border-color: #ff6b6b !important;
    background: rgba(255, 75, 75, 0.18) !important;
    color: #e6e6e6 !important;
  }

  [data-mlb-scheme="dark"] /* Multiple-choice answer cards */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-answer{
    border-color: #34373d !important;
    box-shadow: 0 2px 0 #16181c !important;
    background: #1f2126 !important;
    color: #e6e6e6 !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-answer:hover{
    border-color: #5cc8ff !important;
    background: #23303a !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-answer[aria-checked="true"]{
    border-color: #5cc8ff !important;
    background: rgba(92, 200, 255, 0.18) !important;
  }

  [data-mlb-scheme="dark"] /* 4. Feedback box */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-blanks.h5p-theme .h5p-question-feedback-container,
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-multichoice.h5p-theme .h5p-question-feedback-container,
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-question-evaluation-container.evaluation-mode .h5p-question-feedback-container{
    background: #25282e !important;
    border-color: #34373d !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-question-feedback-content-text{
    color: #9a9a9a !important;
  }

  [data-mlb-scheme="dark"] /* 6. Score bar */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-joubelui-score-bar-progress-wrapper{
    background: #34373d !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-joubelui-score-bar-progress{
    background: #7ed321 !important;
  }

  [data-mlb-scheme="dark"] /* 8. Navigation footer + progress text */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .qs-footer{
    border-top-color: #2c2f35 !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .progress-text{
    color: #9a9a9a !important;
  }

  [data-mlb-scheme="dark"] /* 9. Quiet secondary button */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-secondary-cta{
    color: #a9a9a9 !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-secondary-cta:hover{
    color: #5cc8ff !important;
    border-color: #3a3d44 !important;
    background: #23303a !important;
  }


/* ============================================================
   Duolingo-style joubel speech bubble (tip popup)
   Scoped to: .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
   ============================================================ */

.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.joubel-speech-bubble.h5p-theme {
  background: #ffffff !important;
  border: 2px solid #e5e5e5 !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04),
              0 6px 16px rgba(0, 0, 0, 0.08) !important;
  padding: 4px 6px !important;
}
/* 1) Speech bubble inner — no box-shadow */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.joubel-speech-bubble.h5p-theme .joubel-speech-bubble-inner {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.joubel-speech-bubble.h5p-theme .joubel-speech-bubble-text {
  color: #4b4b4b !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

/* ---- Tail on top: outer tail = border color ---- */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.joubel-speech-bubble.h5p-theme .joubel-speech-bubble-tail {
  width: 16px !important;
  height: 16px !important;
  background: #ffffff !important;
  border-left: 2px solid #e5e5e5 !important;
  border-top: 2px solid #e5e5e5 !important;
  border-right: none !important;
  border-bottom: none !important;
  border-radius: 3px 0 0 0 !important;
  transform: rotate(45deg) !important;
  box-shadow: none !important;
  margin-top: 1px !important;
}

/* ---- Inner tail: white wedge to mask the border seam ---- */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.joubel-speech-bubble.h5p-theme .joubel-speech-bubble-inner-tail {
  width: 16px !important;
  height: 16px !important;
  background: #ffffff !important;
  border: none !important;
  transform: rotate(45deg) !important;
  margin-top: 0px !important;
  box-shadow: none !important;
}
/* 3) Multichoice alternative-container — your new edits */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-multichoice .h5p-alternative-container {
  display: flex !important;
  align-items: center !important;
  gap: 0.4em !important;
  border-radius: 12px !important;
  margin: -14px -16px !important;
  padding: 14px 16px !important;
  box-sizing: border-box !important;
}
/* 4) Alternative inner — spacing */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-multichoice .h5p-alternative-inner {
  margin-right: var(--h5p-theme-spacing-s);
  margin-left: 0.1em;
}
/* ============================================================
   DARK SCHEME
   ============================================================ */


  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .joubel-speech-bubble.h5p-theme{
    background: #2b2d3a !important;
    border: 2px solid #45485a !important;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.25),
                0 6px 16px rgba(0, 0, 0, 0.40) !important;
  }

  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .joubel-speech-bubble.h5p-theme .joubel-speech-bubble-text{
    color: #f1f1f3 !important;
  }

  [data-mlb-scheme="dark"] /* ---- Tail on top (dark): outer tail = dark border color ---- */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .joubel-speech-bubble.h5p-theme .joubel-speech-bubble-tail{
    background: #2b2d3a !important;
    border-left: 2px solid #45485a !important;
    border-top: 2px solid #45485a !important;
  }

  [data-mlb-scheme="dark"] /* ---- Inner tail (dark): matches card fill to mask the seam ---- */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .joubel-speech-bubble.h5p-theme .joubel-speech-bubble-inner-tail{
    background: #2b2d3a !important;
  }


/* ============================================================
   Duolingo-style H5P Question Set
   Scoped to: .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
   ============================================================ */

/* 1) Remove padding, border and box-shadow from the question content area */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-question-content.h5p-radio {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* 2) Hide the ::after decoration on enabled answers' alternative container */
/* 3) Remove border from disabled (answered) multichoice answer containers */
/* ---- CORRECT answers: soft green background ---- */
/* ---- WRONG answers: soft red/pink background ---- */
/* ---- WRONG selected answer: red border ---- */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-answer.h5p-selected.h5p-wrong {
  border: 2px solid #fa8080 !important;
}

/* ---- Fill-in-the-blanks: wrong input wrapper ---- */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-blanks.h5p-theme .h5p-input-wrapper.h5p-wrong {
  border-color: var(--bl-red) !important;
  background: #ffdfe0 !important;
  box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.10),
              0 6px 14px rgba(255, 107, 107, 0.10) !important;
  padding-right: 1% !important;
}

/* ---- Fill-in-the-blanks: correct answer reveal pill ---- */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-blanks .h5p-correct-answer {
  color: #4fb045;
  font-weight: bold;
  border: 2px #4fb045 dashed;
  background-color: var(--h5p-theme-feedback-correct-secondary);
  padding: calc(var(--h5p-theme-spacing-xs) / 2);
  border-radius: 16px;
  margin-left: .5em;
  display: inline-flex;
  line-height: 1.6 !important;
}

/* ============================================================
   DARK SCHEME
   ============================================================ */


  [data-mlb-scheme="dark"] /* ---- CORRECT answers (dark): deep translucent green ---- */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-answer.h5p-selected.h5p-correct,
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-multichoice .h5p-answer.h5p-correct .h5p-alternative-container{
    background: rgba(88, 167, 0, 0.22) !important;
    color: #d4f5c4 !important;
  }

  [data-mlb-scheme="dark"] /* ---- WRONG answers (dark): deep translucent red ---- */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-multichoice .h5p-answer.h5p-wrong .h5p-alternative-container,
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-answer.h5p-selected.h5p-wrong{
    background: rgba(250, 128, 128, 0.20) !important;
    color: #ffd9de !important;
  }

  [data-mlb-scheme="dark"] /* ---- WRONG selected answer (dark): brighter red border ---- */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-answer.h5p-selected.h5p-wrong{
    border: 2px solid #fa8080 !important;
  }

  [data-mlb-scheme="dark"] /* ---- Fill-in-the-blanks: wrong input wrapper (dark) ---- */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-blanks.h5p-theme .h5p-input-wrapper.h5p-wrong{
    border-color: var(--bl-red) !important;
    background: rgba(255, 107, 107, 0.18) !important;
    box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.18),
                0 6px 14px rgba(255, 107, 107, 0.22) !important;
  }

  [data-mlb-scheme="dark"] /* ---- Fill-in-the-blanks: wrong input text (dark) ---- */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-blanks.h5p-theme .h5p-input-wrapper.h5p-wrong .h5p-text-input{
    color: #ffd9de !important;
  }

  [data-mlb-scheme="dark"] /* ---- Fill-in-the-blanks: correct answer reveal pill (dark) ---- */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-blanks .h5p-correct-answer{
    color: #8fe06f !important;
    border-color: #8fe06f !important;
    background-color: rgba(88, 167, 0, 0.18) !important;
  }


/* =================================================================
   MULTIPLE-CHOICE — Duolingo-style refinement
   Scope: .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
   ================================================================= */

/* The colored state lives on .h5p-alternative-container — make it
   inherit the card's rounded shape and fill it completely. */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-multichoice .h5p-alternative-container {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 12px !important;
  margin: -14px -16px !important;     /* cancel the .h5p-answer padding */
  padding: 14px 16px !important;       /* re-apply it inside the container */
  box-sizing: border-box !important;
}

/* Custom radio dot marker (left of every option) */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-multichoice .h5p-alternative-inner {
  flex: 1 1 auto !important;
  font-size: 17px !important;
  line-height: 1.4 !important;
  color: #3c3c3c !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-multichoice .h5p-alternative-container::before {
  content: "" !important;
  flex: 0 0 auto !important;
  width: 22px !important;
  height: 22px !important;
  border: 2px solid #d0d0d0 !important;
  border-radius: 50% !important;
  background: #fff !important;
  transition: all .12s ease !important;
}

/* Selected (before grading) — blue ring + filled dot */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-multichoice .h5p-answer.h5p-selected:not(.h5p-correct):not(.h5p-wrong)
.h5p-alternative-container::before {
  border-color: #1cb0f6 !important;
  box-shadow: inset 0 0 0 4px #1cb0f6 !important;
}

/* ---- CORRECT answers: soft green fill across whole card ---- */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-answer.h5p-selected.h5p-correct,
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-multichoice .h5p-answer.h5p-correct .h5p-alternative-container {
  background: #d9f2d0 !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-answer.h5p-correct {
  border-color: #a3e08c !important;
  box-shadow: 0 2px 0 #a3e08c !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-answer.h5p-correct .h5p-alternative-container::before {
  border-color: #58cc02 !important;
  background: #58cc02 !important;
  box-shadow: inset 0 0 0 3px #d9f2d0 !important;
}

/* ---- WRONG answers: soft pink fill across whole card ---- */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-multichoice .h5p-answer.h5p-wrong .h5p-alternative-container,
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-answer.h5p-selected.h5p-wrong {
  background: #fedee7 !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-answer.h5p-selected.h5p-wrong {
  border: 2px solid #fa8080 !important;
  box-shadow: 0 2px 0 #fa8080 !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-answer.h5p-wrong .h5p-alternative-container::before {
  border-color: #fa8080 !important;
  background: #fa8080 !important;
  box-shadow: inset 0 0 0 3px #fedee7 !important;
}

/* The "should have been selected" missed-correct option (h5p-should) */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-answer.h5p-should:not(.h5p-selected) .h5p-alternative-container {
  background: #eef7e9 !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-answer.h5p-should:not(.h5p-selected) {
  border-color: #cfe8c0 !important;
  box-shadow: 0 2px 0 #cfe8c0 !important;
}

/* Solution + answer state icons (the check/cross/should markers) */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-multichoice .h5p-answer-icon,
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-multichoice .h5p-solution-icon-radio,
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-multichoice .h5p-solution-icon-checkbox {
  flex: 0 0 auto !important;
  margin-left: auto !important;
}

/* Rule 2 + 3 reinforced */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-answer:not([aria-disabled="true"]) .h5p-alternative-container::after {
  display: none !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-multichoice .h5p-answer[aria-disabled="true"] .h5p-alternative-container {
  border: none !important;
}
/* Once answered, options are no longer clickable — soften the cursor */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-multichoice .h5p-answer[aria-disabled="true"] {
  cursor: default !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.h5p-multichoice .h5p-answer[aria-disabled="true"]:hover {
  background: inherit !important;
}

/* =================================================================
   DARK SCHEME — multiple-choice
   ================================================================= */


  [data-mlb-scheme="dark"] /* Option text + unselected radio dot */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-multichoice .h5p-alternative-inner{
    color: #e6e6e6 !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-multichoice .h5p-alternative-container::before{
    border-color: #4a4d54 !important;
    background: #2a2d33 !important;
  }

  [data-mlb-scheme="dark"] /* Selected (before grading) */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-multichoice .h5p-answer.h5p-selected:not(.h5p-correct):not(.h5p-wrong)
  .h5p-alternative-container::before{
    border-color: #5cc8ff !important;
    box-shadow: inset 0 0 0 4px #5cc8ff !important;
  }

  [data-mlb-scheme="dark"] /* CORRECT (dark): deep translucent green */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-answer.h5p-selected.h5p-correct,
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-multichoice .h5p-answer.h5p-correct .h5p-alternative-container{
    background: rgba(88, 167, 0, 0.22) !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-multichoice .h5p-answer.h5p-correct .h5p-alternative-inner{
    color: #d4f5c4 !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-answer.h5p-correct{
    border-color: #4f7a2e !important;
    box-shadow: 0 2px 0 #2f4a1c !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-answer.h5p-correct .h5p-alternative-container::before{
    border-color: #7ed321 !important;
    background: #7ed321 !important;
    box-shadow: inset 0 0 0 3px #1f2126 !important;
  }

  [data-mlb-scheme="dark"] /* WRONG (dark): deep translucent red */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-multichoice .h5p-answer.h5p-wrong .h5p-alternative-container,
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-answer.h5p-selected.h5p-wrong{
    background: rgba(250, 128, 128, 0.20) !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-multichoice .h5p-answer.h5p-wrong .h5p-alternative-inner{
    color: #ffd9de !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-answer.h5p-selected.h5p-wrong{
    border: 2px solid #fa8080 !important;
    box-shadow: 0 2px 0 #7a3232 !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-answer.h5p-wrong .h5p-alternative-container::before{
    border-color: #fa8080 !important;
    background: #fa8080 !important;
    box-shadow: inset 0 0 0 3px #1f2126 !important;
  }

  [data-mlb-scheme="dark"] /* Missed-correct (should) option in dark */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-answer.h5p-should:not(.h5p-selected) .h5p-alternative-container{
    background: rgba(126, 211, 33, 0.12) !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .h5p-answer.h5p-should:not(.h5p-selected){
    border-color: #3d5a2a !important;
    box-shadow: 0 2px 0 #243619 !important;
  }


/* =================================================================
   MOBILE NAVIGATION FIX — .qs-footer
   Scope: .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
   ================================================================= */
@media (max-width: 600px) {

  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .qs-footer {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 6px 6px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Prev / Next arrows — fixed size, never shrink, always tappable */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .qs-footer .h5p-theme-nav-button {
    flex: 0 0 auto !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 8px 12px !important;
    margin: 0 !important;
  }

  /* Progress sits in the middle, takes remaining space, centered */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .qs-footer .progress-container {
    flex: 1 1 auto !important;
    min-width: 0 !important;          /* allow text to shrink, not overflow */
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .qs-footer .progress-text {
    font-size: 12px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* Hidden prev button still reserves its slot so layout stays balanced */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .qs-footer .h5p-theme-previous.visibility-hidden,
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .qs-footer .h5p-theme-previous.h5p-visibility-hidden {
    visibility: hidden !important;
    flex: 0 0 auto !important;
  }

  /* "Beenden" results button, when shown, replaces Next neatly */
  .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
  .qs-footer .h5p-theme-show-results {
    flex: 0 0 auto !important;
    min-height: 44px !important;
    padding: 8px 14px !important;
    white-space: nowrap !important;
  }
}
/* =================================================================
   RESULTS SCREEN — refined for the narrow task column
   Scope: .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
   ================================================================= */

.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .questionset-results {
  --r-radius: 18px;
  --r-green:  #58cc02;
  --r-green-d:#4aaf02;
  --r-card:   #ffffff;
  --r-border: #ececec;
  --r-text:   #3c3c3c;
  --r-muted:  #b0b0b0;

  display: block !important;          /* NOT flex */
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-result-screen {
  display: block !important;
}

/* ---- Banner: calm, single tone, no neon glow ---- */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-results-banner {
  position: relative !important;
  overflow: hidden !important;
  text-align: center !important;
  padding: clamp(20px, 6vw, 28px) 18px !important;
  margin-bottom: 16px !important;
  border-radius: var(--r-radius) !important;
  background: linear-gradient(180deg, #5fd208 0%, #52c000 100%) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-pattern {
  display: none !important;            /* the dotted noise added clutter */
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-results-title {
  position: relative !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.85) !important;
  margin-bottom: 10px !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-results-score {
  position: relative !important;
  font-size: 15px !important;          /* "of … correct" wording stays small */
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: rgba(255, 255, 255, 0.92) !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-results-score span {
  display: inline !important;
  font-size: 40px !important;
  font-weight: 800 !important;
  color: #fff !important;
  margin: 0 .08em !important;
}

/* ---- List card: lighter, tighter ---- */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-results-list-container {
  background: var(--r-card) !important;
  border: 1px solid var(--r-border) !important;
  border-radius: var(--r-radius) !important;
  box-shadow: none !important;
  padding: 4px 14px !important;
  margin-bottom: 16px !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-results-list-heading {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 12px 2px 10px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  color: var(--r-muted) !important;
  border-bottom: 1px solid var(--r-border) !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-results-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* tight rows — kill the huge vertical gaps */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-results-list-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 11px 2px !important;
  margin: 0 !important;
  border-top: 1px solid #f4f4f4 !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-results-list-item:first-child {
  border-top: none !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-results-question-container {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-results-question {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--r-text) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ---- Score pill ---- */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-results-points {
  flex: 0 0 auto !important;
  min-width: 42px !important;
  text-align: center !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 5px 11px !important;
  border-radius: 999px !important;
  background: #f4f4f4 !important;
  color: #9a9a9a !important;
  font-variant-numeric: tabular-nums !important;
}

/* ---- Buttons: balanced, equal-weight pair ---- */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .questionset-results .buttons {
  display: flex !important;
  gap: 10px !important;
  justify-content: stretch !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .questionset-results .buttons .h5p-theme-button {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 48px !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: .03em !important;
  cursor: pointer !important;
  transition: transform .08s ease, box-shadow .08s ease, filter .15s ease !important;
}
/* secondary (show solutions) = outline */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .questionset-results .buttons .h5p-theme-show-solutions {
  background: #fff !important;
  border: 2px solid var(--r-border) !important;
  box-shadow: 0 3px 0 var(--r-border) !important;
  color: #8a8a8a !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .questionset-results .buttons .h5p-theme-show-solutions:hover {
  color: #4b4b4b !important;
  border-color: #dcdcdc !important;
}
/* primary (retry) = green */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .questionset-results .buttons .h5p-theme-retry {
  background: #2e7d05 !important;
  border: 2px solid var(--r-green-d) !important;
  box-shadow: 0 3px 0 var(--r-green-d) !important;
  color: #fff !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .questionset-results .buttons .h5p-theme-retry:hover {
  filter: brightness(1.04) !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .questionset-results .buttons .h5p-theme-button:active {
  transform: translateY(3px) !important;
  box-shadow: none !important;
}

/* =================================================================
   DARK SCHEME
   ================================================================= */

  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .questionset-results{
    --r-card:   #1c1e23;
    --r-border: #2e3138;
    --r-text:   #e8e8e8;
    --r-muted:  #8b8e96;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-results-banner{
    background: linear-gradient(180deg, #439b02 0%, #387f01 100%) !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-results-list-item{
    border-top-color: #26282e !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-theme-results-points{
    background: #2a2d33 !important;
    color: #b4b7bf !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .questionset-results .buttons .h5p-theme-show-solutions{
    background: #1c1e23 !important;
    border-color: #2e3138 !important;
    box-shadow: 0 3px 0 #121317 !important;
    color: #aeb1b8 !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .questionset-results .buttons .h5p-theme-show-solutions:hover{
    color: #e8e8e8 !important;
    border-color: #3a3d44 !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .questionset-results .buttons .h5p-theme-retry{
    background: #2e7d05 !important;
    border-color: #387f01 !important;
    box-shadow: 0 3px 0 #387f01 !important;
  }

/* =================================================================
   CSS-only equal-height Question Set (grid-stack trick)
   Container sizes to the TALLEST question — no JS, no magic numbers
   Scope: .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
   ================================================================= */

.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .questionset {
  display: grid !important;
  grid-template-columns: 1fr !important;
}

/* Stack every question into the same grid cell */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.questionset > .question-container {
  grid-area: 1 / 1 / 2 / 2 !important;
  display: block !important;     /* override H5P's display:none so it keeps its slot */
  width: 100% !important;
}

/* The inactive questions: keep their height, but hide & disable them */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.questionset > .question-container[style*="display: none"] {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Footer nav + results screen flow normally below the stacked cell */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.questionset > .qs-footer,
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme
.questionset > .questionset-results {
  grid-column: 1 / -1 !important;
}
/* =================================================================
   PROGRESS DOTS — Duolingo-style
   Scope: .h5p-container.h5p-standalone.h5p-question-set.h5p-theme
   ================================================================= */

.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-progress-dots-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-progress-item {
  display: flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Base dot */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-progress-dot {
  display: block !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: #e0e0e0 !important;
  outline: none !important;
  box-shadow: none !important;
  transition: width .25s ease, background .2s ease, transform .15s ease !important;
}

/* Answered question → green */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-progress-dot.answered {
  background: #58cc02 !important;
}

/* Current question → blue pill */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-progress-dot.current {
  width: 26px !important;
  background: #1cb0f6 !important;
}

/* Kill H5P's bracket pseudo-elements on the current dot */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-progress-dot.current::before,
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-progress-dot.current::after {
  content: none !important;
  border: none !important;
  display: none !important;
}

/* Hover affordance (the active pill stays put) */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-progress-dot:hover {
  transform: scale(1.25) !important;
}
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-progress-dot.current:hover {
  transform: none !important;
}

/* Keyboard focus ring (accessible) */
.h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-progress-dot:focus-visible {
  box-shadow: 0 0 0 3px rgba(28, 176, 246, 0.35) !important;
}

/* =================================================================
   DARK SCHEME
   ================================================================= */

  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-progress-dot{
    background: #3a3d44 !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-progress-dot.answered{
    background: #4fb000 !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-progress-dot.current{
    background: #38b6f7 !important;
  }
  [data-mlb-scheme="dark"] .h5p-container.h5p-standalone.h5p-question-set.h5p-theme .h5p-progress-dot:focus-visible{
    box-shadow: 0 0 0 3px rgba(56, 182, 247, 0.45) !important;
  }