/* Shared presentation for version selection, answers and result registration. */
#quiz-container #quiz-body > .quiz_flex { width:100%; min-width:0; }
#quiz-container .quiz_flexfill.mi-answer-layout { width:100%; min-width:0; flex:1 1 0; }
#quiz-container .mi-answer-layout > .quiz_radiogroup { width:100%; }
#select-version { padding:clamp(18px,3vw,32px); }
#select-version > h4 { color:#164b4c; font-size:clamp(1.2rem,2vw,1.5rem); line-height:1.5; margin-bottom:24px !important; border-color:#d5e5de !important; }
#select-version > .version { gap:18px; margin:0; }
#select-version > .version > .col { display:flex !important; flex-direction:column; flex:1 1 220px; min-width:0; margin:0 !important; padding:22px; border:1px solid #d5e5de; border-radius:18px; background:#f5faf7; }
#select-version .select-test { width:100%; min-height:48px; margin:0 0 18px !important; padding:12px 18px; border-radius:999px; border-color:#08796e; background:linear-gradient(110deg,#075e62,#08796e); color:#fff; font-weight:500; line-height:1.5; white-space:normal; }
#select-version .alert { margin:0 !important; padding:0; border:0; background:transparent; color:#526c69; font-size:.95rem; line-height:1.75; }
#quiz-container #ppd .btn { border-radius:999px; padding:10px 16px; border-color:#b4d2c7; background:#edf5f1; color:#075e62; line-height:1.45; white-space:normal; }
#quiz-container.step_results #quiz-body { padding:clamp(16px,3vw,32px); }
#quiz-container.step_results :is(h2,h3,h4,h5) { color:#164b4c; line-height:1.45; font-weight:500 !important; margin-bottom:20px; }
#quiz-container.step_results h4 { font-size:clamp(1.3rem,2vw,1.7rem); border-color:#d5e5de !important; }
#quiz-container.step_results p { color:#526c69; line-height:1.8; margin-bottom:18px; }
#quiz-container.step_results .consent-info { width:100%; max-width:760px; padding-inline:0; }
#quiz-container.step_results .account-sign-in { padding:22px !important; background:#f5faf7; border:1px solid #d5e5de !important; border-radius:18px !important; }
#quiz-container.step_results :is(.form-control,.form-select) { border:1px solid #c5dcd5; border-radius:12px; background-color:#fff; color:#314b4b; min-height:52px; }
#quiz-container.step_results .form-floating > .form-control { min-height:58px; }
#quiz-container.step_results .form-floating > label { color:#526c69; }
#quiz-container.step_results :is(.form-control,.form-select):focus { border-color:#08796e; box-shadow:0 0 0 3px #08796e20; }
#quiz-container.step_results .btn { min-height:48px; padding:12px 24px; border-radius:999px; line-height:1.5; white-space:normal; }
#quiz-container.step_results .btn-primary { background:linear-gradient(110deg,#075e62,#08796e); border-color:#08796e; color:#fff; box-shadow:0 4px 12px #075e6218; }
#quiz-container.step_results .btn-primary:disabled { opacity:.55; box-shadow:none; }
#quiz-container.step_results .info-b-consent { border:1px solid #d5e5de !important; border-radius:18px !important; padding:22px !important; background:#f5faf7; }
#quiz-container.step_results .info-b-consent > label { display:flex; align-items:flex-start; gap:12px; padding:14px !important; border:1px solid #c5dcd5 !important; border-radius:12px !important; text-transform:none !important; text-align:start; font-size:.95rem; line-height:1.6; color:#314b4b; background:#fff; cursor:pointer; }
#quiz-container.step_results input[type="checkbox"] { appearance:auto; accent-color:#08796e; flex:0 0 20px; width:20px; height:20px; margin:3px 0 0 !important; cursor:pointer; }
#quiz-container.step_results .scrollable { max-height:240px; overflow:auto; text-align:start; padding-inline-end:10px; }
#quiz-container.step_results a { color:#08796e; text-underline-offset:3px; overflow-wrap:anywhere; }
#select-version .btn:focus-visible,#quiz-container.step_results :is(.btn,input):focus-visible { outline:3px solid #299d91; outline-offset:3px; }
#select-version .select-test:hover,#quiz-container.step_results .btn-primary:not(:disabled):hover { background:#075555; border-color:#075555; }
[data-bs-theme="dark"] #select-version > h4,[data-bs-theme="dark"] #quiz-container.step_results :is(h2,h3,h4,h5) { color:#e0efeb; }
[data-bs-theme="dark"] #select-version > .version > .col,[data-bs-theme="dark"] #quiz-container.step_results :is(.account-sign-in,.info-b-consent) { background:#203332; border-color:#48685e !important; }
[data-bs-theme="dark"] #select-version .alert,[data-bs-theme="dark"] #quiz-container.step_results p,[data-bs-theme="dark"] #quiz-container.step_results .form-floating > label { color:#bfd4cd; }
[data-bs-theme="dark"] #quiz-container.step_results :is(.form-control,.form-select),[data-bs-theme="dark"] #quiz-container.step_results .info-b-consent > label { background:#29433e; color:#e0efeb; border-color:#52766b !important; }
[data-bs-theme="dark"] #quiz-container #ppd .btn { background:#29433e; color:#d5eee5; border-color:#52766b; }
[data-bs-theme="dark"] #quiz-container.step_results a { color:#9edbc8; }
@media(max-width:767.98px) {
 #select-version > .version { flex-direction:column !important; }
 #select-version > .version > .col { flex:auto; padding:18px; }
 #quiz-container.step_results :is(.account-sign-in,.info-b-consent) { padding:16px !important; }
 #quiz-container.step_results .btn { max-width:100%; }
 #quiz-container.step_results :is(.check-account-exist,.button-consent) { width:100%; margin-block:24px !important; }
}

/* The engine empties this container after a version is selected. */
#select-version:empty { display:none; }

/* Align the fill with its track when the version button stretches the header. */
#quiz-container #ppd { align-items:stretch; gap:16px; }
#quiz-container #ppd > .change-test { flex:0 0 auto; align-self:center; margin-inline:0 !important; }
#quiz-container #ppd > #quiz-progress { min-width:0; justify-content:flex-end; padding-bottom:0; }
#quiz-container #quiz-progress .quiz_progressbar { flex-shrink:0; margin:0; }
@media(max-width:575.98px) {
 #quiz-container #ppd { flex-wrap:wrap; gap:12px; }
 #quiz-container #ppd > .change-test { max-width:100%; }
 #quiz-container #ppd > #quiz-progress { flex:1 1 160px !important; }
}

/* Compact secondary action for switching test versions. */
#quiz-container #ppd > .change-test {
 min-height:34px; padding:6px 11px; font-size:.78rem; font-weight:400;
 line-height:1.4; background:#f0f2f2; color:#606b70; border-color:#d4dadd;
}
#quiz-container #ppd > .change-test:hover { background:#e4e8e9; color:#3d484e; border-color:#b6c1c5; }
[data-bs-theme="dark"] #quiz-container #ppd > .change-test { background:#344044; color:#d0d9dc; border-color:#56666d; }
[data-bs-theme="dark"] #quiz-container #ppd > .change-test:hover { background:#435158; color:#fff; border-color:#75878f; }

/* Give the introduction confirmation icon breathing room on narrow screens. */
#quiz-container.step_intro #quiz-buttons .quiz_btn {
 padding-inline:24px; gap:10px;
}
#quiz-container.step_intro #quiz-buttons .quiz_btn > span:first-child {
 flex-shrink:0; margin-inline:0 !important;
}

#quiz-container.step_results .mi-consent-details { margin-top:16px; border-top:1px solid #c5dcd5; padding-top:14px; }
#quiz-container.step_results .mi-consent-details summary { cursor:pointer; color:#075e62; font-size:.9rem; padding:8px 0; text-align:start; }
#quiz-container.step_results .mi-consent-details summary:focus-visible { outline:3px solid #299d91; outline-offset:3px; border-radius:6px; }
#quiz-container.step_results .mi-consent-details[open] summary { margin-bottom:14px; }
[data-bs-theme="dark"] #quiz-container.step_results .mi-consent-details { border-color:#52766b; }
[data-bs-theme="dark"] #quiz-container.step_results .mi-consent-details summary { color:#9edbc8; }