/* Solo acceso de alumnos; se reutiliza la identidad ROALECC. */
.training-login-page{background:#f3f7fa;min-height:60vh}
.training-login-wrap{max-width:780px}
.training-login-heading{margin:30px 0 23px}
.training-login-heading h1{color:#113c5d;font-size:clamp(2.1rem,4vw,3.2rem);margin:8px 0 12px;letter-spacing:-.035em}
.training-login-heading p{color:#526c7e;line-height:1.75;margin:0}
.training-login-card{border:1px solid #d4e0e9;border-radius:17px;background:#fff;padding:clamp(22px,4vw,38px);box-shadow:0 10px 35px rgba(10,47,73,.07)}
.training-login-card h2{font-size:1.35rem;color:#174566;margin:0 0 20px}
.training-login-form{display:grid;gap:18px}
.training-login-form label{display:grid;gap:8px;color:#164463;font-weight:700}
.training-login-form input{box-sizing:border-box;width:100%;background:#fff;border:1px solid #b5cbdc;color:#142f40;padding:13px 15px;border-radius:10px;font:inherit;min-height:50px}
.training-login-form input:focus-visible{outline:2px solid #0d82af;outline-offset:2px}
.training-login-form button{justify-self:start;margin-top:5px;max-width:100%;white-space:normal}
.training-login-feedback{min-height:1.2em;margin:12px 0 0;color:#1e5c7e;line-height:1.5;overflow-wrap:anywhere}
.training-login-feedback.error{color:#a52d2d}
.training-login-help{color:#597081;font-size:.91rem;line-height:1.7;border-top:1px solid #e0e9ef;padding-top:18px;margin:22px 0 0}
.training-login-help a,.training-login-privacy a{color:#0b6598;text-decoration:underline}
.training-login-privacy{margin:20px 0 0;font-size:.85rem;line-height:1.7;color:#5f7485}
.training-login-success{display:inline-block;border-radius:20px;background:#e4f4ec;color:#206443;padding:6px 13px;font-size:.8rem;font-weight:750;margin-bottom:15px}
.training-portal-notice{border:1px solid #cddfe9;background:#eff7fb;border-radius:13px;padding:17px 20px;margin:24px 0;color:#204b68}
.training-portal-notice p{margin:9px 0 0;line-height:1.7;font-size:.93rem}
.training-logout{border:1px solid #b7ccda;border-radius:10px;padding:12px 19px;background:#fff;color:#174766;font-weight:700;cursor:pointer}
.training-logout:hover{background:#e8f3fb}
html[data-theme="dark"] .training-login-page{background:#101f30}
html[data-theme="dark"] .training-login-heading h1,html[data-theme="dark"] .training-login-card h2{color:#edf6ff}
html[data-theme="dark"] .training-login-heading p,html[data-theme="dark"] .training-login-privacy,html[data-theme="dark"] .training-login-help{color:#c8dae7}
html[data-theme="dark"] .training-login-card{background:#18374c;border-color:#3b607c}
html[data-theme="dark"] .training-login-form label{color:#e2eef8}
html[data-theme="dark"] .training-login-form input{background:#102a40;color:#fff;border-color:#5c7b92}
html[data-theme="dark"] .training-login-help{border-color:#446276}
html[data-theme="dark"] .training-login-feedback{color:#d6e7f3}
html[data-theme="dark"] .training-login-feedback.error{color:#ffb0ac}
html[data-theme="dark"] .training-portal-notice{background:#1c435b;border-color:#4c7590;color:#e1f1fa}
html[data-theme="dark"] .training-logout{background:#204c66;color:#fff;border-color:#6d9cb7}
html[data-theme="dark"] .training-login-help a,html[data-theme="dark"] .training-login-privacy a{color:#9edfff}
@media(max-width:580px){.training-login-heading{margin:22px 0}.training-login-form button{width:100%}.training-login-card{padding:21px}}
/* Aula en desarrollo: se aísla para no alterar los estilos generales de ROALECC. */
.training-login-wrap{max-width:1120px}
.training-progress{background:#eaf4fa;border-radius:14px;padding:20px;margin:26px 0;border:1px solid #d5e7f0}
.training-progress-header{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}
.training-progress h3{margin:0;font-size:1.14rem;color:#123e5c}
.training-progress progress{width:100%;height:16px;accent-color:#1372a5;margin:14px 0 6px}
.training-progress-help{font-size:.86rem;color:#5c7484;line-height:1.6}
.training-classroom{display:grid;grid-template-columns:minmax(205px,280px) minmax(0,1fr);gap:24px;margin:24px 0}
.training-unit-list{display:flex;flex-direction:column;align-items:stretch;gap:7px;max-height:710px;overflow:auto;padding:2px}
.training-unit-button{width:100%;display:grid;grid-template-columns:35px minmax(0,1fr);column-gap:9px;align-items:center;border:1px solid #d3e2eb;border-radius:11px;background:#fff;color:#153c58;padding:10px;text-align:left;cursor:pointer;font:inherit;font-size:.86rem;line-height:1.35}
.training-unit-button:hover,.training-unit-button.selected{background:#e9f5fc;border-color:#2780b6}
.training-unit-index{background:#e9f3f9;border-radius:7px;padding:9px 4px;font-weight:800;text-align:center;color:#0c6395;grid-row:span 2}
.training-unit-button small{grid-column:2;color:#627b89;margin-top:3px}
.training-lesson{min-width:0;border:1px solid #d4e1ed;border-radius:14px;padding:22px;background:#fff}
.training-lesson h3{font-size:1.5rem;color:#164768;margin:12px 0}
.training-lesson h4,.training-exam h4{color:#123c5a;font-size:1.07rem;margin:20px 0 7px}
.training-lesson p{line-height:1.75}
.training-lesson-goal{font-weight:650;color:#214f6d}
.training-reflection-label{display:grid;gap:8px;margin:20px 0;color:#204b65;font-weight:650}
.training-reflection-label textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:100px;padding:12px;border:1px solid #b9d0dd;background:#fff;color:#183547;border-radius:10px;font:inherit;font-weight:400}
.training-study-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:15px 0}
.training-unit-time{font-weight:800;color:#1c618b}
.training-exam{border:1px solid #d5e3ea;border-radius:14px;padding:22px;margin:26px 0;background:#fafdff;min-width:0}
.training-exam h3{color:#184765;margin-top:0}
.training-question{border:1px solid #dbe5ec;border-radius:11px;padding:18px;margin:14px 0;background:white;min-width:0}
.training-question legend{font-weight:750;padding:0 8px;color:#244d67;max-width:100%}
.training-question label{display:flex;gap:10px;align-items:start;padding:8px 5px;line-height:1.5;cursor:pointer}
.training-question label input{margin-top:5px;accent-color:#147bb1;flex-shrink:0}
.training-exam-identity{margin:25px 0;border-top:1px solid #d3e0e9;padding-top:15px}
.training-exam-identity label{display:grid;gap:7px;margin:12px 0;font-weight:700;max-width:450px}
.training-exam-identity input{border:1px solid #b1c7d6;border-radius:9px;background:#fff;color:#20384a;padding:12px;font:inherit;width:100%;box-sizing:border-box}
.training-logout-bottom{margin-top:22px}
.training-exam-retry-form{display:grid;gap:13px;padding:20px;margin:20px 0;background:#f2f8fb;border:1px solid #bdd8e8;border-radius:12px}
.training-exam-retry-form h4{margin:0;font-size:1.05rem;color:#164768}
.training-exam-retry-form p{margin:0;font-size:.93rem;line-height:1.7;color:#426478}
.training-exam-retry-form label{display:grid;gap:6px;font-weight:700;color:#184967}
.training-exam-retry-form input{min-height:46px;box-sizing:border-box;max-width:420px;width:100%;padding:11px;border:1px solid #b1c7d6;border-radius:9px;background:#fff;color:#20384a;font:inherit}
.training-exam-retry-form button{justify-self:start;max-width:100%;white-space:normal}
html[data-theme="dark"] .training-exam-retry-form{background:#214961;border-color:#507d9b}
html[data-theme="dark"] .training-exam-retry-form h4,html[data-theme="dark"] .training-exam-retry-form p,html[data-theme="dark"] .training-exam-retry-form label{color:#e7f5ff}
html[data-theme="dark"] .training-exam-retry-form input{background:#102f44;color:#fff;border-color:#678da5}
.training-login-card [hidden]{display:none!important}
html[data-theme="dark"] .training-progress,html[data-theme="dark"] .training-lesson,html[data-theme="dark"] .training-exam{background:#183a51;border-color:#47718b}
html[data-theme="dark"] .training-progress h3,html[data-theme="dark"] .training-lesson h3,html[data-theme="dark"] .training-lesson h4,html[data-theme="dark"] .training-exam h3,html[data-theme="dark"] .training-exam h4{color:#e5f4ff}
html[data-theme="dark"] .training-progress-help{color:#c4ddea}
html[data-theme="dark"] .training-unit-button,html[data-theme="dark"] .training-question{background:#16364c;border-color:#51758c;color:#ecf6ff}
html[data-theme="dark"] .training-unit-button.selected,html[data-theme="dark"] .training-unit-button:hover{background:#1d5576}
html[data-theme="dark"] .training-reflection-label textarea,html[data-theme="dark"] .training-exam-identity input{background:#102f44;color:#fff;border-color:#678da5}
html[data-theme="dark"] .training-reflection-label,html[data-theme="dark"] .training-lesson-goal{color:#e1f2fc}
html[data-theme="dark"] .training-unit-time{color:#a6e2ff}
@media(max-width:800px){.training-classroom{grid-template-columns:minmax(0,1fr)}.training-unit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.training-lesson{padding:16px}}
@media(max-width:530px){.training-unit-list{grid-template-columns:minmax(0,1fr)}.training-login-card{padding:17px}.training-progress,.training-exam{padding:15px}.training-progress-header{align-items:flex-start}}

/* Tests breves de cada módulo. Estilos locales: no modifican el resto de ROALECC. */
.training-module-test{margin:22px 0 8px;padding:17px 18px;border:1px solid #c7dce9;background:#f2f8fc;border-radius:13px}
.training-module-test h4{margin-top:0}
.training-module-test-status,.training-module-counter{font-weight:750;color:#1b6483;line-height:1.55}
.training-module-test .training-question{padding:14px;margin:12px 0}
.training-module-test form{margin-top:16px}
.training-exam button:disabled{opacity:.55;cursor:not-allowed}
html[data-theme="dark"] .training-module-test{background:#1a435c;border-color:#527d99}
html[data-theme="dark"] .training-module-test-status,html[data-theme="dark"] .training-module-counter{color:#b2e9ff}

/* Resumen de lectura fácil por módulo: contenido nuevo, sin alterar estilos globales. */
.training-keypoints{margin:0 0 1.2rem;padding:0 0 0 1.4rem;line-height:1.65}
.training-keypoints li{margin:.3rem 0;overflow-wrap:anywhere}


/* v2.3.14 · Aula: navegación, preguntas y modo día/noche. Exclusivamente acceso de alumnos. */
.student-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.student-theme-switch{display:inline-flex;align-items:center;gap:4px;border:1px solid #c7d8e5;background:#e7eff5;border-radius:999px;padding:5px;color:#194868}
.student-theme-label{font-size:.78rem;font-weight:750;margin:0 8px 0 11px}
.student-theme-switch button{font:inherit;font-size:.85rem;font-weight:750;background:transparent;border:1px solid transparent;color:#315b76;padding:8px 13px;border-radius:999px;cursor:pointer;min-height:40px}
.student-theme-switch button.selected{background:#fff;color:#0d4d78;border-color:#c9dae6;box-shadow:0 2px 6px rgba(13,52,78,.08)}
.student-theme-switch button:focus-visible{outline:3px solid #1689bf;outline-offset:2px}
.student-intro-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}
.student-intro-badges span{font-size:.82rem;font-weight:700;padding:7px 11px;background:#e5f0f6;border:1px solid #cddfe9;border-radius:99px;color:#235471}
.student-greeting{border-bottom:1px solid #d9e5ed;padding-bottom:17px;margin-bottom:8px}
.student-greeting p{color:#4d6b7d;line-height:1.7;overflow-wrap:anywhere}
.student-learning-roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:26px 0 16px}
.student-learning-roadmap>div{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:9px;row-gap:4px;background:#f0f6fa;border:1px solid #d4e5ef;border-radius:13px;padding:14px;align-content:start}
.student-roadmap-number{grid-row:span 2;font-size:.82rem;font-weight:900;background:#d6eaf6;color:#11547d;width:34px;height:34px;display:grid;place-items:center;border-radius:10px}
.student-learning-roadmap strong{font-size:.92rem;line-height:1.3;color:#184969}
.student-learning-roadmap small{font-size:.78rem;line-height:1.55;color:#5a7486}
.student-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;background:#e8f3f9;border:1px solid #cbdfea;border-radius:14px;padding:18px;margin:18px 0 12px}
.student-overview>div{display:grid;gap:5px;min-width:0}
.student-overview-label{font-size:.78rem;color:#516f80}
.student-overview strong{font-size:1.4rem;line-height:1.2;color:#12486c}
.student-overview progress{grid-column:1/-1;width:100%;height:12px;accent-color:#167eac}
.training-progress{margin:12px 0 25px}
.training-nav-panel{min-width:0;border:1px solid #d4e1ed;border-radius:14px;background:#f1f7fb;padding:13px;align-self:start}
.training-nav-heading{padding:5px 5px 14px}
.training-nav-heading h3{margin:0 0 5px;font-size:1.08rem;color:#174a69}
.training-nav-heading p{margin:0;color:#5c7788;font-size:.82rem;line-height:1.55}
.training-unit-list{max-height:620px;gap:7px}
.training-unit-button{border-radius:10px;transition:border-color .15s,background .15s}
.training-unit-button.selected{box-shadow:inset 3px 0 0 #117bb5}
.training-lesson{scroll-margin-top:100px}
.training-module-test{margin:26px 0 18px;padding:clamp(14px,3vw,24px)}
.training-module-test>h4{font-size:1.2rem}
.training-module-test-status{border-radius:9px;padding:8px 12px;background:#e0eff8;display:inline-block}
.training-quiz-progress{border:1px solid #c9dfeb;border-radius:11px;background:#e3f2fa;padding:12px 14px;margin:15px 0;display:grid;gap:7px;color:#12486b}
.training-quiz-progress progress{height:11px;width:100%;accent-color:#1284b5}
.training-quiz-instructions{font-size:.93rem;color:#365f7a;line-height:1.6}
.training-module-test .training-question{padding:16px;margin:14px 0;border:1px solid #d6e2eb;border-radius:12px;background:#fff}
.training-question legend{font-size:.98rem;line-height:1.5;white-space:normal}
.training-module-test .training-question label,.training-exam .training-question label{padding:10px 12px;margin:7px 0;border:1px solid #e2ebf1;border-radius:9px;background:#fbfdff;min-height:43px;transition:background .15s,border-color .15s}
.training-module-test .training-question label:hover,.training-exam .training-question label:hover{background:#edf6fc;border-color:#b8d7e9}
.training-module-test .training-question label:has(input:checked),.training-exam .training-question label:has(input:checked){background:#dceffc;border-color:#2487b7;color:#103f5c}
.training-question input{width:17px;height:17px}
.training-quiz-footer{border-top:1px solid #c9dfeb;padding-top:17px;margin-top:22px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.training-quiz-footer strong{color:#153f5e}
.training-quiz-footer span{font-size:.86rem;color:#59768a;flex:1;min-width:150px}
.training-quiz-footer button{white-space:normal}
.training-quiz-footer button:disabled{opacity:.55;cursor:not-allowed}
.training-result-card{margin:17px 0;border:1px solid #bedacb;background:#eaf8ef;border-radius:13px;padding:19px 21px;color:#16563c;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 13px;align-items:center}
.training-result-card strong{font-size:1.12rem}
.training-result-score{font-size:1.55rem;font-weight:900;white-space:nowrap}
.training-result-card p{grid-column:1/-1;margin:0;font-size:.91rem;line-height:1.6}
.training-result-card.failed{background:#fff4e9;border-color:#efcfaa;color:#774a16}
.training-exam{scroll-margin-top:110px}
.training-exam .training-portal-notice{line-height:1.65}
html[data-theme="dark"] .student-theme-switch{background:#0e3046;border-color:#456c85;color:#d4eafa}
html[data-theme="dark"] .student-theme-switch button{color:#bad9ee}
html[data-theme="dark"] .student-theme-switch button.selected{background:#347093;color:white;border-color:#78a6c0}
html[data-theme="dark"] .student-intro-badges span{background:#234760;border-color:#46728c;color:#e4f4ff}
html[data-theme="dark"] .student-greeting{border-color:#50718a}
html[data-theme="dark"] .student-greeting p{color:#d3e7f3}
html[data-theme="dark"] .student-learning-roadmap>div,html[data-theme="dark"] .student-overview,html[data-theme="dark"] .training-nav-panel{background:#133348;border-color:#416a85}
html[data-theme="dark"] .student-roadmap-number{background:#225677;color:#d9f2ff}
html[data-theme="dark"] .student-learning-roadmap strong,html[data-theme="dark"] .training-nav-heading h3,html[data-theme="dark"] .student-overview strong{color:#edf8ff}
html[data-theme="dark"] .student-learning-roadmap small,html[data-theme="dark"] .training-nav-heading p,html[data-theme="dark"] .student-overview-label{color:#c0dbea}
html[data-theme="dark"] .training-module-test-status{background:#275772;color:#d7f5ff}
html[data-theme="dark"] .training-quiz-progress{background:#16384e;border-color:#537d98;color:#e0f3ff}
html[data-theme="dark"] .training-quiz-instructions,html[data-theme="dark"] .training-quiz-footer span{color:#c4e1ef}
html[data-theme="dark"] .training-module-test .training-question,html[data-theme="dark"] .training-exam .training-question{background:#193b51;border-color:#4b7189}
html[data-theme="dark"] .training-question legend,html[data-theme="dark"] .training-quiz-footer strong{color:#eef8ff}
html[data-theme="dark"] .training-module-test .training-question label,html[data-theme="dark"] .training-exam .training-question label{background:#103047;border-color:#3e6882;color:#ebf7ff}
html[data-theme="dark"] .training-module-test .training-question label:hover,html[data-theme="dark"] .training-exam .training-question label:hover{background:#245370;border-color:#81b0cb}
html[data-theme="dark"] .training-module-test .training-question label:has(input:checked),html[data-theme="dark"] .training-exam .training-question label:has(input:checked){background:#2b6180;border-color:#9bd8ff;color:#fff}
html[data-theme="dark"] .training-quiz-footer{border-color:#567a92}
html[data-theme="dark"] .training-result-card.passed{background:#164b40;border-color:#498b75;color:#defced}
html[data-theme="dark"] .training-result-card.failed{background:#624725;border-color:#b38a52;color:#ffedd0}
html[data-theme="dark"] .training-unit-button small{color:#bdd5e4}
html[data-theme="dark"] .training-unit-index{background:#23516c;color:#e6f8ff}
html[data-theme="dark"] .training-question label:focus-within{outline:2px solid #9bd8ff;outline-offset:1px}
@media(max-width:900px){.student-learning-roadmap{grid-template-columns:1fr}.student-learning-roadmap>div{grid-template-columns:34px minmax(0,1fr)}.training-nav-panel{padding:10px}}
@media(max-width:580px){.student-topbar{align-items:flex-start}.student-theme-switch{margin-top:5px}.student-theme-label{display:none}.student-overview{gap:9px;padding:12px}.student-overview strong{font-size:1.08rem}.student-overview-label{font-size:.7rem}.student-intro-badges span{font-size:.75rem}.training-quiz-footer{display:grid;grid-template-columns:1fr}.training-quiz-footer button{width:100%}.training-module-test .training-question{padding:11px}.training-question legend{font-size:.94rem}}
@media(prefers-reduced-motion:reduce){.training-unit-button,.training-module-test .training-question label,.training-exam .training-question label{transition:none}}

/* ROALECC v2.3.18: contraste moderado en acceso, lecciones y pruebas del tema claro. */
html:not([data-theme="dark"]) .training-login-page{background:#e7f1f8}
html:not([data-theme="dark"]) .training-login-card{background:#fafcff;border-color:#aec9dc;box-shadow:0 17px 41px rgba(12,46,76,.12)}
html:not([data-theme="dark"]) .training-login-form input{background:#edf5fa;border-color:#9ebed2}
html:not([data-theme="dark"]) .training-progress{background:#dfedf6;border-color:#b9d3e3}
html:not([data-theme="dark"]) .training-unit-button{background:#f2f8fc;border-color:#b8d1e0}
html:not([data-theme="dark"]) .training-unit-button.selected,html:not([data-theme="dark"]) .training-unit-button:hover{background:#dceefa;border-color:#367fa8}
html:not([data-theme="dark"]) .training-lesson{background:#fcfdff;border-color:#bad1e0}
html:not([data-theme="dark"]) .training-module-test{background:#dfedf7;border-color:#aacbdd}
html:not([data-theme="dark"]) .training-exam{background:#eaf3f9;border-color:#aecbdf}
html:not([data-theme="dark"]) .training-question{background:#fcfdff;border-color:#bed4e2}
html:not([data-theme="dark"]) .training-reflection-label textarea,html:not([data-theme="dark"]) .training-exam-identity input{background:#f0f6fa;border-color:#a4c2d5}

/* v2.3.19 · Aula: contraste diurno, enunciados alineados, guia y control de tiempo automatico. */
html:not([data-theme="dark"]) .training-login-page{background:linear-gradient(170deg,#daeaf5,#eef6fc 65%,#d9eaf7)}
html:not([data-theme="dark"]) .training-login-heading{background:linear-gradient(110deg,#0b2545,#115fa8);padding:25px 30px;border-radius:16px;color:#fff}
html:not([data-theme="dark"]) .training-login-heading h1,html:not([data-theme="dark"]) .training-login-heading p{color:#fff}
html:not([data-theme="dark"]) .student-intro-badges span{background:#d9efff;border-color:#97c7e5;color:#123a63}
html:not([data-theme="dark"]) .training-login-card{background:#f7fbff;border-color:#93bcd9}
html:not([data-theme="dark"]) .student-learning-roadmap>div{background:#d9ecfa;border-color:#9fc7e0}
html:not([data-theme="dark"]) .student-overview{background:#cce5f7;border-color:#9bc7e5}
html:not([data-theme="dark"]) .training-nav-panel{background:#e2f0fb;border-color:#a3c9e0}
html:not([data-theme="dark"]) .training-lesson{background:#f8fcff;border:2px solid #bad7e9}
html:not([data-theme="dark"]) .training-module-test{background:#e6f3fc;border-color:#a9cce2}
html:not([data-theme="dark"]) .training-exam{background:#e5f2fc;border-color:#9dc8e5}
.training-course-help{border:1px solid #8fbbd9;border-radius:13px;background:#e9f5ff;margin:18px 0;padding:0;overflow:hidden}
.training-course-help summary{cursor:pointer;font-size:1rem;font-weight:800;background:linear-gradient(90deg,#0b2545,#115fa8);color:#fff;padding:15px 20px;line-height:1.45}
.training-course-help-content{padding:14px 20px;color:#1a4867;line-height:1.6}
.training-course-help-content ol{margin:0;padding-left:20px}
.training-course-help-content li{margin:7px 0}
.training-course-help-content a{color:#075d9e;text-decoration:underline}
.training-account-button,.training-account-cancel{border:1px solid #84b4d5;background:#e5f2ff;color:#104775;border-radius:9px;padding:9px 13px;font-weight:750;cursor:pointer;margin:12px 0}
.training-account-cancel{background:transparent}
.training-study-status{border:1px solid #a9cbe1;background:#e8f5fc;padding:16px 18px;border-radius:12px;display:grid;gap:4px;margin:20px 0}
.training-study-status strong{color:#124569}.training-study-status span{font-weight:800;color:#0e5f92}
.training-study-status small{font-size:.79rem;color:#466f89;line-height:1.5}
.training-study-status p{margin:0}
.training-test-visual{display:grid;grid-template-columns:minmax(130px,255px) minmax(0,1fr);align-items:center;gap:15px;border:1px solid #a5cce8;border-radius:12px;background:linear-gradient(105deg,#d8ecfb,#ecf7ff);overflow:hidden;margin:0 0 19px}
.training-test-visual img{display:block;width:100%;height:140px;object-fit:cover}
.training-test-visual span{font-size:1.03rem;font-weight:800;color:#17446a;line-height:1.4;padding:12px}
.training-question{min-width:0;overflow-wrap:anywhere;padding:19px!important}
.training-question h5{font-size:1rem;line-height:1.5;color:#183f61;margin:0 0 17px;font-weight:800;overflow-wrap:anywhere}
.training-question label{position:relative;margin:8px 0;align-items:center}
.training-question label span{min-width:0;overflow-wrap:anywhere}
html[data-theme="dark"] .training-course-help{background:#1b405a;border-color:#527c95}
html[data-theme="dark"] .training-course-help summary{background:#0f2d48;color:#fff}
html[data-theme="dark"] .training-course-help-content{color:#e0effc}
html[data-theme="dark"] .training-course-help-content a{color:#a3dfff}
html[data-theme="dark"] .training-account-button,html[data-theme="dark"] .training-account-cancel{background:#23516f;color:#eaf6ff;border-color:#729fbb}
html[data-theme="dark"] .training-study-status{background:#193d54;border-color:#527a94}
html[data-theme="dark"] .training-study-status strong,html[data-theme="dark"] .training-study-status span,html[data-theme="dark"] .training-study-status small{color:#d6efff}
html[data-theme="dark"] .training-test-visual{background:linear-gradient(95deg,#173f5c,#234d67);border-color:#497994}
html[data-theme="dark"] .training-test-visual span{color:#e4f5ff}
html[data-theme="dark"] .training-question h5{color:#e9f7ff}
@media(max-width:600px){.training-test-visual{grid-template-columns:1fr}.training-test-visual img{height:150px}.training-test-visual span{padding:0 14px 14px}.training-question{padding:14px!important}.training-login-heading{padding:16px!important}}