/*
 * H5P at every width (Mo, 31 Oct 2026): one layer. Nothing tinted, boxed or padded between the page card and the words.
 * Every rule hangs off html.ols-h5p-flat, which mobile.js copies into each H5P iframe from the page. Text sizes, target
 * sizes and blank widths stay in mobile.css, phones only.
 */
html.ols-h5p-flat.h5p-iframe,
html.ols-h5p-flat.h5p-iframe body,
html.ols-h5p-flat .h5p-content,
html.ols-h5p-flat .h5p-container,
html.ols-h5p-flat .h5p-question-set,
html.ols-h5p-flat .questionset,
html.ols-h5p-flat .h5p-theme.h5p-question,
html.ols-h5p-flat .h5p-question-main-content {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html.ols-h5p-flat .questionset,
html.ols-h5p-flat .question-container {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
html.ols-h5p-flat .h5p-question-introduction,
html.ols-h5p-flat .h5p-question-content {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
}
html.ols-h5p-flat .h5p-theme .h5p-question-evaluation-container,
html.ols-h5p-flat .h5p-theme .h5p-question-buttons {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html.ols-h5p-flat .h5p-theme .h5p-question-feedback,
html.ols-h5p-flat .h5p-theme .h5p-question-explanation-container,
html.ols-h5p-flat .h5p-theme .h5p-question-scorebar-container {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html.ols-h5p-flat .h5p-theme .h5p-navigation,
html.ols-h5p-flat .h5p-no-frame .questionset .h5p-navigation {
  padding: 8px 0 !important;
  background: transparent !important;
  border: 0 !important;
}
html.ols-h5p-flat .h5p-theme .h5p-progress-dots-container {
  background: transparent !important;
}
html.ols-h5p-flat .h5p-blanks .h5p-question-content,
html.ols-h5p-flat .h5p-no-frame > .h5p-theme.h5p-blanks > .h5p-question-main-content > .h5p-question-content {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
html.ols-h5p-flat .h5p-drag-text .h5p-drag-droppable-words-container {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
html.ols-h5p-flat .h5p-dialogcards-title-container,
html.ols-h5p-flat .h5p-dialogcards-cardwrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
}
html.ols-h5p-flat .h5p-mark-the-words .h5p-word-inner {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
/* Stock H5P breaks these titles mid-word. */
html.ols-h5p-flat .h5p-theme-results-question {
  word-break: normal !important;
  overflow-wrap: break-word !important;
}
/* Mo, 2 Nov 2026: stock hover put near-white text on a near-white button. Previous and Next stay readable in every state. */
html.ols-h5p-flat .h5p-theme-nav-button:hover:not(:disabled),
html.ols-h5p-flat .h5p-theme-nav-button:focus-visible:not(:disabled),
html.ols-h5p-flat .h5p-theme-nav-button:active:not(:disabled) {
  background-color: #1C244B !important;
  color: #fff !important;
}
html.ols-h5p-flat .h5p-theme-nav-button:hover:not(:disabled) *,
html.ols-h5p-flat .h5p-theme-nav-button:focus-visible:not(:disabled) *,
html.ols-h5p-flat .h5p-theme-nav-button:active:not(:disabled) * {
  color: #fff !important;
}