/* Mind Quest unified interface controls 2026-10-21. Loaded after page-specific styles.
   Scope: appearance and accessibility only; no change to quiz answer/score logic. */
:root {
  --mqc-main: #087f97;
  --mqc-main-hover: #056f85;
  --mqc-main-dark: #084e65;
  --mqc-text: #18445f;
  --mqc-outline: #bddce7;
  --mqc-pale: #f1fafd;
  --mqc-chosen: #dff6fc;
  --mqc-good: #e7f8ed;
  --mqc-good-line: #27956c;
  --mqc-bad: #fff0f1;
  --mqc-bad-line: #cc6470;
  --mqc-radius: 14px;
  --mqc-focus: #eeaa37;
}
/* Preserve the Flame Adventure home page itself and all illustration geometry. */
body.mq-unified-controls button,
body.mq-unified-controls [data-mq-ui="primary"],
body.mq-unified-controls [data-mq-ui="secondary"],
body.mq-unified-controls [data-mq-ui="reset"] {
  font-family: inherit;
  -webkit-tap-highlight-color: transparent;
}
body.mq-unified-controls [data-mq-ui="primary"],
body.mq-unified-controls [data-mq-ui="secondary"],
body.mq-unified-controls [data-mq-ui="reset"] {
  box-sizing: border-box;
  min-height: 44px;
  padding: 10px 17px;
  border-radius: var(--mqc-radius) !important;
  font-size: clamp(14px, 1.6vw, 16px);
  font-weight: 800;
  text-decoration: none;
  line-height: 1.45;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  transition: background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
}
body.mq-unified-controls [data-mq-ui="primary"] {
  background: var(--mqc-main) !important;
  border: 1.5px solid var(--mqc-main) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(8,110,135,.16) !important;
}
body.mq-unified-controls [data-mq-ui="primary"]:hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--mqc-main-hover) !important;
  border-color: var(--mqc-main-hover) !important;
  filter: none !important;
}
body.mq-unified-controls [data-mq-ui="secondary"] {
  background: #fff !important;
  color: var(--mqc-main-dark) !important;
  border: 1.5px solid var(--mqc-outline) !important;
  box-shadow: none !important;
}
body.mq-unified-controls [data-mq-ui="secondary"]:hover:not(:disabled) {
  background: var(--mqc-pale) !important;
  border-color: #73b4cb !important;
  filter: none !important;
}
body.mq-unified-controls [data-mq-ui="reset"] {
  background: #fff9ef !important;
  color: #805420 !important;
  border: 1.5px solid #e8d5b2 !important;
  box-shadow: none !important;
}
body.mq-unified-controls [data-mq-ui="reset"]:hover:not(:disabled) {
  background: #fff0d9 !important;
  border-color: #d5a862 !important;
}
/* Answer choices are distinct from navigation buttons. Preserve diagrams and flex layouts. */
body.mq-unified-controls [data-mq-ui="option"] {
  box-sizing: border-box;
  min-height: 54px;
  max-width: 100%;
  border: 1.7px solid #cddfe9 !important;
  border-radius: var(--mqc-radius) !important;
  background: #fff !important;
  color: var(--mqc-text) !important;
  line-height: 1.55;
  text-align: start;
  font-family: inherit;
  overflow-wrap: anywhere;
  box-shadow: none !important;
}
body.mq-unified-controls [data-mq-ui="option"]:hover:not(:disabled) {
  border-color: #65b0c5 !important;
  background: #f5fcfe !important;
}
body.mq-unified-controls [data-mq-ui="option"].selected,
body.mq-unified-controls [data-mq-ui="option"].chosen,
body.mq-unified-controls [data-mq-ui="option"][aria-pressed="true"]:not(.wrong):not(.incorrect):not(.correct) {
  border-color: var(--mqc-main) !important;
  background: var(--mqc-chosen) !important;
  color: #0d5166 !important;
}
body.mq-unified-controls [data-mq-ui="option"].correct,
body.mq-unified-controls [data-mq-ui="option"].right {
  border-color: var(--mqc-good-line) !important;
  background: var(--mqc-good) !important;
  color: #20604a !important;
}
body.mq-unified-controls [data-mq-ui="option"].wrong,
body.mq-unified-controls [data-mq-ui="option"].incorrect,
body.mq-unified-controls [data-mq-ui="option"].bad {
  border-color: var(--mqc-bad-line) !important;
  background: var(--mqc-bad) !important;
  color: #883c46 !important;
}
/* Segmented choices (language, quiz mode, number of questions, topic filters) */
body.mq-unified-controls [data-mq-ui="segment"] {
  min-height: 40px;
  border-radius: 12px !important;
  border: 1.5px solid #c9dfe9 !important;
  background: #f7fbfe !important;
  color: var(--mqc-text) !important;
  font-weight: 750;
  line-height: 1.45;
  max-width: 100%;
  overflow-wrap: anywhere;
}
body.mq-unified-controls [data-mq-ui="segment"].active,
body.mq-unified-controls [data-mq-ui="segment"].selected,
body.mq-unified-controls [data-mq-ui="segment"][aria-pressed="true"] {
  background: var(--mqc-chosen) !important;
  border-color: var(--mqc-main) !important;
  color: #09556d !important;
}
body.mq-unified-controls [data-mq-ui="segment"]:hover:not(:disabled) {
  border-color: #79aec4 !important;
}
/* Topic/mode tiles retain their grid appearance, but use the shared selection palette. */
body.mq-unified-controls [data-mq-ui="tile"] {
  border-radius: 16px !important;
  border-color: #ccdfeb !important;
}
body.mq-unified-controls [data-mq-ui="tile"].active,
body.mq-unified-controls [data-mq-ui="tile"].selected,
body.mq-unified-controls [data-mq-ui="tile"][aria-pressed="true"] {
  border-color: var(--mqc-main) !important;
  background: #e4f7fc !important;
  color: #114a60 !important;
}
body.mq-unified-controls button:focus-visible,
body.mq-unified-controls a:focus-visible,
body.mq-unified-controls [role="button"]:focus-visible {
  outline: 3px solid var(--mqc-focus) !important;
  outline-offset: 3px !important;
}
body.mq-unified-controls button:disabled,
body.mq-unified-controls [data-mq-ui]:disabled,
body.mq-unified-controls [data-mq-ui][aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .52;
}
/* Keep answered choices fully legible, including correct/incorrect highlights. */
body.mq-unified-controls [data-mq-ui="option"]:disabled {opacity: 1 !important; cursor:default;}
body.mq-unified-controls a.mq-home-brand {border-radius: 12px;}
@media(max-width:480px){
  body.mq-unified-controls [data-mq-ui="primary"],
  body.mq-unified-controls [data-mq-ui="secondary"],
  body.mq-unified-controls [data-mq-ui="reset"] {padding:10px 12px;min-height:44px;font-size:14px;}
  body.mq-unified-controls [data-mq-ui="option"] {min-height:51px;}
}
@media(prefers-reduced-motion:reduce){
  body.mq-unified-controls [data-mq-ui] {transition:none!important;animation-duration:.01ms!important;}
}