/* Guided learning player and verified assessments */
.course-overview-progress{height:9px;max-width:760px;margin-top:18px;overflow:hidden;border-radius:99px;background:var(--panel2)}
.course-overview-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--blue))}
.module{--module-accent:var(--cyan);border-top:3px solid var(--module-accent)}
.module:nth-of-type(3n+2){--module-accent:var(--amber)}
.module:nth-of-type(3n){--module-accent:var(--purple)}
.module-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;background:linear-gradient(100deg,color-mix(in srgb,var(--module-accent) 13%,var(--panel)),var(--panel))}.module-toggle{display:grid;min-width:0;grid-template-columns:54px minmax(0,1fr) 12px;gap:13px;align-items:center;padding:13px 16px;border:0;background:none;color:var(--text);text-align:left;cursor:pointer}.module-art{position:relative;display:grid;width:50px;height:50px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--module-accent) 48%,var(--line));border-radius:15px;background:radial-gradient(circle at 72% 22%,color-mix(in srgb,var(--module-accent) 48%,transparent),transparent 38%),color-mix(in srgb,var(--module-accent) 12%,var(--panel2));color:var(--module-accent)}.module-art::after{content:"";position:absolute;width:70px;height:25px;border:1px solid currentColor;border-radius:50%;opacity:.22;transform:rotate(-25deg)}.module-art i{z-index:1;font-size:23px;font-style:normal;font-weight:900}.module-art b{position:absolute;right:4px;bottom:3px;font-size:8px}.module-summary-copy small,.module-summary-copy strong,.module-summary-copy em{display:block}.module-summary-copy small{color:var(--module-accent);font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.module-summary-copy strong{margin:3px 0;font-size:16px}.module-summary-copy em{color:var(--muted);font-size:10px;font-style:normal}.module-chevron{width:8px;height:8px;border-right:2px solid var(--module-accent);border-bottom:2px solid var(--module-accent);transform:rotate(45deg);transition:transform .15s}.module-toggle[aria-expanded=true] .module-chevron{transform:rotate(225deg)}.module-start{margin-right:15px;padding:8px 11px;border:1px solid color-mix(in srgb,var(--module-accent) 48%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--module-accent) 12%,transparent);color:var(--module-accent);font-size:10px;font-weight:850;white-space:nowrap;cursor:pointer}.module-lessons[hidden]{display:none}
.quiz-link,.assessment-card button{margin-top:10px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--amber) 45%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--amber) 12%,transparent);color:var(--amber);font-weight:850;cursor:pointer}
.assessment-card{display:grid;gap:6px;margin-top:22px;padding:20px;border:1px solid color-mix(in srgb,var(--amber) 40%,var(--line));border-radius:17px;background:linear-gradient(130deg,color-mix(in srgb,var(--amber) 12%,var(--panel)),var(--panel))}
.assessment-card span{color:var(--amber);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.assessment-card strong{font-size:17px}.assessment-card small{color:var(--muted)}.assessment-card button{width:max-content}
.assessment-card.locked{border-color:var(--line);background:var(--panel)}.assessment-card.locked span{color:var(--muted)}
.assessment-card.passed{border-color:color-mix(in srgb,var(--green) 45%,var(--line));background:linear-gradient(130deg,color-mix(in srgb,var(--green) 12%,var(--panel)),var(--panel))}.assessment-card.passed span{color:var(--green)}
#lessonDialog{width:min(1000px,calc(100vw - 24px))}
.lesson-dialog{height:min(790px,calc(100dvh - 24px))}
.lesson-dialog header{display:grid;grid-template-columns:44px 1fr 44px;align-items:start}
.lesson-dialog header>div{min-width:0}.lesson-dialog h2{font-size:clamp(20px,3vw,28px);line-height:1.1}.lesson-menu{color:var(--cyan)}
.lesson-journey{height:5px;background:var(--panel2)}.lesson-journey i{display:block;height:100%;border-radius:0 99px 99px 0;background:linear-gradient(90deg,var(--cyan),var(--green));transition:width .25s ease}
.lesson-workspace{display:grid;min-height:0;flex:1;grid-template-columns:250px 1fr}
.lesson-navigator{overflow:auto;padding:14px;border-right:1px solid var(--line);background:var(--panel2)}
.lesson-navigator section+section{margin-top:6px}.lesson-navigator .navigator-module{grid-template-columns:18px minmax(0,1fr) auto;padding:10px 8px;border:1px solid transparent;color:var(--text);font-weight:800}.lesson-navigator .navigator-module[aria-expanded=true]{border-color:var(--line);background:var(--panel)}.navigator-module strong{min-width:0;font-size:10px}.navigator-module small{color:var(--muted);font-size:8px}.navigator-lessons{padding:4px 0 7px 5px}.navigator-lessons[hidden]{display:none}
.lesson-navigator button{display:grid;width:100%;grid-template-columns:20px 1fr;gap:6px;padding:9px 8px;border:0;border-radius:9px;background:none;color:var(--body);font-size:11px;text-align:left;cursor:pointer}
.lesson-navigator button span{color:var(--green);font-weight:900}.lesson-navigator button.active{background:color-mix(in srgb,var(--cyan) 15%,transparent);color:var(--text);font-weight:800}.lesson-navigator button:disabled{cursor:not-allowed;opacity:.4}
.lesson-content{display:grid;place-items:start center;padding:28px clamp(20px,5vw,58px);background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--cyan) 8%,transparent),transparent 38%)}
.lesson-page{width:min(620px,100%)}.lesson-page .page-label{margin:0 0 8px;color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.lesson-page h3{margin:0 0 20px;color:var(--text);font-size:clamp(28px,4.5vw,44px);line-height:1.03}.lesson-page>p:not(.page-label){margin:0 0 16px;color:var(--body);font-size:16px;line-height:1.7}
.learning-points{display:grid;gap:10px;margin-top:20px}.learning-points>div{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:13px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel2) 82%,transparent)}
.learning-points>div>span{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--cyan) 18%,transparent);color:var(--cyan);font-size:12px;font-weight:900}.learning-points p{margin:3px 0 0;line-height:1.5}
.lesson-dialog footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}.lesson-dialog footer p{max-width:600px;line-height:1.4}.lesson-actions{display:flex;gap:8px}.lesson-actions button{margin:0;white-space:nowrap}
.secondary-action{padding:11px 14px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);font-weight:800;cursor:pointer}.secondary-action:disabled{opacity:.35;cursor:not-allowed}
#quizDialog{width:min(820px,calc(100vw - 24px))}.quiz-dialog{max-height:calc(100dvh - 24px);overflow:auto}
.quiz-dialog>header{position:sticky;z-index:2;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 96%,transparent);backdrop-filter:blur(12px)}
.quiz-dialog h2{margin:0;font-size:28px}.quiz-dialog header p:last-child{max-width:650px;margin:8px 0 0;color:var(--muted);font-size:12px}
.quiz-dialog form>div{padding:20px}.quiz-dialog fieldset{margin:0 0 14px;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}
.quiz-dialog legend{display:flex;gap:9px;align-items:flex-start;padding:0 5px;font-weight:800}.quiz-dialog legend span{display:grid;min-width:28px;height:28px;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--amber) 16%,transparent);color:var(--amber);font-size:11px}
.quiz-dialog fieldset label{display:flex;gap:10px;margin-top:9px;padding:11px;border:1px solid var(--line);border-radius:10px;color:var(--body);cursor:pointer}.quiz-dialog fieldset label:has(input:checked){border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 13%,transparent);color:var(--text)}.quiz-dialog input{accent-color:var(--cyan)}
.quiz-dialog form>footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 20px;border-top:1px solid var(--line);background:var(--panel)}.quiz-dialog form>footer p{margin:0;color:var(--muted);font-size:10px}.quiz-dialog form>footer button{margin:0}
.quiz-score{padding:55px 24px;text-align:center}.quiz-score>strong{color:var(--amber);font-size:58px}.quiz-score.passed>strong{color:var(--green)}.quiz-score h3{margin:5px 0 10px;font-size:28px}.quiz-score p{max-width:560px;margin:auto;color:var(--body);line-height:1.6}
@media(max-width:700px){.lesson-workspace{grid-template-columns:1fr}.lesson-navigator{display:none;position:absolute;z-index:3;inset:0 auto 0 0;width:min(290px,88%);border-right:1px solid var(--line);box-shadow:20px 0 60px rgba(0,0,0,.5)}.lesson-navigator.open{display:block}.lesson-dialog footer{grid-template-columns:1fr}.lesson-dialog footer p{display:none}.lesson-actions{display:grid;grid-template-columns:auto 1fr}.lesson-actions .primary-action{width:100%}.quiz-dialog form>footer{display:block}.quiz-dialog form>footer button{width:100%}}
@media(max-width:620px){.module-summary{grid-template-columns:1fr}.module-toggle{grid-template-columns:48px minmax(0,1fr) 12px;padding:12px}.module-art{width:44px;height:44px}.module-start{margin:0 12px 12px 73px;width:max-content}}

/* Shared W.A.T.A. drawer settings behavior */
.drawer-row{min-height:62px}.drawer-toggle{grid-template-columns:24px 1fr 10px}.drawer-chevron{width:8px;height:8px;margin-right:3px;border-top:1.5px solid var(--muted);border-right:1.5px solid var(--muted);transform:rotate(45deg);transition:transform .15s ease}.drawer-toggle[aria-expanded=true] .drawer-chevron{transform:rotate(135deg)}.drawer-submenu{padding:10px;background:color-mix(in srgb,var(--panel) 58%,transparent)}.drawer-submenu[hidden]{display:none}.drawer-languages{grid-template-columns:1fr}

/* Resume card and compact learning pulse */
.today-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);gap:14px;margin-bottom:18px}.today-grid .daily-card{margin:0}.learning-pulse{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.learning-pulse div{display:grid;place-content:center;padding:13px 9px;text-align:center}.learning-pulse div+div{border-left:1px solid var(--line)}.learning-pulse span,.learning-pulse small{display:block}.learning-pulse span{color:var(--cyan);font-size:23px;font-weight:900}.learning-pulse small{max-width:72px;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.25}

/* Fixed W.A.T.A. credential identity across every app theme */
#certificateDialog{width:min(900px,calc(100vw - 24px));background:#eaf6f8}.certificate-dialog{position:relative;padding:20px;text-align:center;background:#eaf6f8}.certificate-close{position:absolute;z-index:2;top:28px;right:28px;border-color:#bbd6dc;background:#fff;color:#092a48}.certificate-sheet{position:relative;overflow:hidden;padding:48px clamp(24px,6vw,70px) 34px;border:2px solid #0a3559;outline:7px double #d7a81c;outline-offset:-13px;background:linear-gradient(145deg,#fff,#f4fbfc);color:#092a48}.certificate-sheet::before{content:"";position:absolute;inset:19px;border:1px solid #8bcbd6;pointer-events:none}.certificate-corner{position:absolute;width:90px;height:90px;border-color:#12bedd}.corner-a{top:28px;left:28px;border-top:5px solid;border-left:5px solid}.corner-b{right:28px;bottom:28px;border-right:5px solid;border-bottom:5px solid}.certificate-sheet .certificate-mark{display:grid;width:74px;height:74px;margin:0 auto 14px;place-items:center;border:2px solid #0a3559;border-radius:50%;background:#13c3df;color:#082744;box-shadow:0 0 0 6px #fff,0 0 0 8px #d7a81c}.certificate-brand{margin:0;color:#087d9a;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.certificate-sheet h2{margin:13px 0 22px;color:#092a48;font-family:Georgia,serif;font-size:clamp(30px,5vw,44px);font-weight:500;letter-spacing:.02em}.certificate-sheet h3{display:inline-block;margin:8px 0 12px;padding:0 30px 7px;border-bottom:1px solid #7da4b1;color:#092a48;font-family:Georgia,serif;font-size:clamp(25px,4vw,34px)}.certificate-sheet h1{margin:12px auto 24px;color:#087d9a;font-family:Georgia,serif;font-size:clamp(26px,5vw,43px);line-height:1.1}.certificate-intro{max-width:620px;margin:7px auto;color:#496879;font-size:13px;line-height:1.55}.certificate-meta{display:flex;justify-content:center;gap:50px;margin:25px auto 16px}.certificate-meta div{min-width:150px;padding-top:8px;border-top:1px solid #a8c4cb}.certificate-meta span,.certificate-meta strong{display:block}.certificate-meta span{color:#63808e;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.certificate-meta strong{margin-top:4px;color:#092a48;font-size:11px}.certificate-signature{width:210px;margin:26px auto 18px}.certificate-signature>span{display:block;height:1px;background:#0a3559}.certificate-signature strong,.certificate-signature small{display:block}.certificate-signature strong{margin-top:6px;font-family:Georgia,serif;font-size:14px}.certificate-signature small{margin-top:2px;color:#63808e;font-size:9px}.certificate-sheet .certificate-note{position:relative;margin:18px 0 0;padding-top:14px;border-top:1px solid #c5dbe0;color:#5d7480;font-size:9px;line-height:1.5}.certificate-dialog>#printCertificate{min-width:220px;margin:17px auto 0;background:#0cabc8;color:#042537}

@media(max-width:760px){.today-grid{grid-template-columns:1fr}.learning-pulse{min-height:92px}}@media(max-width:620px){.certificate-dialog{padding:8px}.certificate-sheet{padding:44px 24px 28px}.certificate-close{top:14px;right:14px}.certificate-meta{display:grid;gap:12px}.certificate-corner{width:54px;height:54px}}@media print{.certificate-dialog{padding:22px!important;background:#fff!important}.certificate-sheet{min-height:90vh}}

/* Compact scalable settings dropdowns */
.drawer-submenu{max-height:238px;overflow:auto}.drawer-languages{max-height:210px;overflow:auto}.language-search{position:sticky;z-index:1;top:0;display:block;padding:3px 2px 8px;background:var(--panel)}.language-search input{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* A calm white learning surface in every app appearance */
.lesson-content{padding:22px;background:#dfe8ed}.lesson-page{overflow:hidden;width:min(720px,100%);border:2px solid #0a2947;border-radius:20px;background:#fff;box-shadow:0 18px 45px rgba(2,19,35,.14)}.lesson-reading{padding:clamp(24px,5vw,46px)}.lesson-page .page-label{color:#087f9f}.lesson-page h3{color:#092a48}.lesson-page>p:not(.page-label),.lesson-reading>p:not(.page-label){color:#29465d}.learning-points>div{border-color:#d6e2e8;background:#f4f8fa}.learning-points>div>span{background:#dff4f8;color:#087f9f}.learning-points p{color:#29465d}

/* Instructional diagrams use course structure and verified labels, never stock imagery */
.learning-visual{display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:center;margin:0;padding:22px 28px;background:linear-gradient(120deg,#092a48,#0c4568);color:#fff}.visual-symbol{position:relative;display:grid;width:82px;height:82px;place-items:center;border:2px solid rgba(255,255,255,.72);border-radius:24px;background:rgba(25,201,227,.13)}.visual-symbol i{width:30px;height:42px;border-radius:55% 45% 55% 45%;background:#20c5df;transform:rotate(45deg);box-shadow:inset -8px -7px 0 rgba(0,48,82,.22)}.visual-symbol b{position:absolute;display:grid;width:28px;height:28px;right:-7px;bottom:-7px;place-items:center;border:3px solid #092a48;border-radius:50%;background:#fff;color:#092a48;font-size:11px}.learning-visual figcaption>small,.learning-visual figcaption>strong{display:block}.learning-visual figcaption>small{color:#88e9f3;font-size:9px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.learning-visual figcaption>strong{margin-top:4px;font-size:16px}.learning-visual ol{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none}.learning-visual li{display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:rgba(255,255,255,.08);font-size:9px}.learning-visual li span{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:#20c5df;color:#06243d;font-weight:900}.learning-visual li strong{font-weight:750}.visual-filter .visual-symbol i{border:9px solid #20c5df;border-top-width:4px;background:transparent;border-radius:8px 8px 22px 22px;transform:none}.visual-timeline .visual-symbol i,.visual-data .visual-symbol i,.visual-distribution .visual-symbol i{width:48px;height:5px;border-radius:9px;background:#20c5df;transform:none;box-shadow:0 -15px 0 #fff,0 15px 0 #88e9f3}.visual-health .visual-symbol i{width:43px;height:37px;border-radius:50% 50% 48% 48%;background:#20c5df;transform:none}.visual-wash .visual-symbol i{width:42px;height:42px;border:7px solid #20c5df;border-radius:50%;background:transparent;transform:none}.visual-testing .visual-symbol i{width:42px;height:42px;border:6px solid #fff;border-radius:50%;background:transparent;transform:none;box-shadow:18px 18px 0 -13px #20c5df}

@media(max-width:620px){.lesson-content{padding:10px}.lesson-page{border-radius:14px}.learning-visual{grid-template-columns:60px 1fr;gap:14px;padding:17px}.visual-symbol{width:56px;height:56px;border-radius:17px}.visual-symbol i{transform:scale(.72) rotate(45deg)}.visual-filter .visual-symbol i,.visual-timeline .visual-symbol i,.visual-data .visual-symbol i,.visual-distribution .visual-symbol i,.visual-health .visual-symbol i,.visual-wash .visual-symbol i,.visual-testing .visual-symbol i{transform:scale(.72)}.learning-visual ol{gap:4px}.learning-visual li{padding:4px 6px}.lesson-reading{padding:24px 20px}}

/* Phone safe-area release gate: protect every physical screen edge. */
:root{--safe-r:env(safe-area-inset-right,0px);--safe-l:env(safe-area-inset-left,0px)}
.topbar{padding-right:max(18px,var(--safe-r),calc((100vw - 1120px)/2));padding-left:max(18px,var(--safe-l),calc((100vw - 1120px)/2))}
main{min-height:calc(100dvh - 66px);padding-right:max(18px,var(--safe-r));padding-left:max(18px,var(--safe-l))}
.drawer{padding-top:var(--safe-t);padding-right:var(--safe-r);padding-left:var(--safe-l)}
dialog{position:fixed;top:var(--safe-t);right:var(--safe-r);bottom:var(--safe-b);left:var(--safe-l);width:min(760px,calc(100vw - var(--safe-l) - var(--safe-r) - 24px));max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 24px);margin:auto}
.lesson-dialog,.quiz-dialog{max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 24px)}
#quizDialog{width:min(820px,calc(100vw - var(--safe-l) - var(--safe-r) - 24px))}
#certificateDialog{width:min(900px,calc(100vw - var(--safe-l) - var(--safe-r) - 24px))}
.toast{right:calc(18px + var(--safe-r));left:calc(18px + var(--safe-l));width:auto;max-width:520px;margin-inline:auto;transform:translateY(20px)}
.toast.show{transform:translateY(0)}
@media(max-width:620px){.topbar{padding-right:max(12px,var(--safe-r));padding-left:max(12px,var(--safe-l))}}

/* Long translated certificates must remain scrollable on phones. */
#certificateDialog{overflow-y:auto}
.certificate-dialog{overflow-wrap:anywhere}

/* Keep translated/enlarged navigation actions within the lesson window. */
.lesson-dialog header>div{overflow-wrap:anywhere}
.lesson-actions{display:flex;flex-wrap:wrap;min-width:0}
.lesson-dialog{overflow-y:auto}
.lesson-workspace{flex-shrink:0;min-height:min(18rem,45dvh)}
.lesson-dialog footer button{min-width:0;max-width:100%;flex:1 1 8rem;white-space:normal;overflow-wrap:anywhere}

.certificate-sheet .certificate-note{padding-inline:12px}

.lesson-dialog footer .lesson-actions{width:18rem;max-width:100%;min-width:0}

/* Text-only lesson references share the reading column's inset. */
.lesson-page{--reading-inset:clamp(24px,5vw,46px)}
.lesson-page>.page-label{margin:0;padding:20px var(--reading-inset) 0;line-height:1.6;overflow-wrap:anywhere}
.lesson-page>.page-label a{color:#075d79;text-underline-offset:3px}
.lesson-page>.page-label+.lesson-reading{padding-top:18px}
@media(max-width:620px){.lesson-page{--reading-inset:20px}}

.lesson-dialog footer .lesson-actions{width:min(18rem,100%);flex:0 1 18rem}.lesson-dialog footer{min-width:0}.lesson-dialog footer>div{min-width:0}

.path-lesson-picture{margin:0;padding:18px;background:#fff;display:grid;place-items:center;border-bottom:1px solid #d6e2e8}.path-lesson-picture img{height:170px;max-width:100%;object-fit:contain}

/* Bilingual reading rhythm: let translated labels grow without crowding. */
#lessonContext{line-height:1.55;letter-spacing:.06em;margin-bottom:6px}
#lessonTags,.course-meta{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.lesson-reading{line-height:1.65;overflow-wrap:break-word}
.lesson-reading h3{line-height:1.2;margin-top:10px;margin-bottom:20px}
.lesson-reading>p:not(.page-label){margin-block:0 18px}
.lesson-practice-link{padding:0;margin:22px 0 0}
.lesson-practice-link button{min-height:44px;max-width:100%;padding:11px 16px;border:1px solid #08718c;border-radius:10px;background:#e4f5f8;color:#07546a;font:inherit;font-weight:700;line-height:1.4;white-space:normal;text-align:start;cursor:pointer}
.lesson-practice-link button:focus-visible{outline:3px solid #08718c;outline-offset:3px}
.module-summary-copy,.daily-card>span,.course-card{min-width:0}
.module-summary-copy strong,.course-card h2,.daily-card strong{overflow-wrap:break-word;line-height:1.3}
.assessment-card button{max-width:100%;white-space:normal;line-height:1.4}
@media(max-width:500px){.module-summary{grid-template-columns:1fr}.module-start{justify-self:start;margin:0 16px 14px;white-space:normal}.lesson-dialog header{gap:10px;padding:16px 12px}.lesson-reading{padding:22px 20px}.lesson-dialog footer{gap:12px}.lesson-dialog footer>div:first-child{line-height:1.5}}

/* Visual learning: preserve meaning while exposing each idea and its units. */
.reading-facts{padding:0;margin:0 0 18px;list-style:none;display:grid;gap:12px}.reading-facts li{position:relative;padding:12px 14px 12px 30px;border-left:3px solid #77bbca;border-radius:0 8px 8px 0;background:#f3f8fa;color:#29465d;line-height:1.6}.reading-facts li::before{content:"•";position:absolute;left:12px;color:#08718c}
.learning-measure{background:#dff2f7;color:inherit;font-weight:800;padding:0 .15em;border-radius:3px;box-decoration-break:clone}
.learning-number{margin:0 0 16px;padding:20px;border:1px solid #93becb;border-left:5px solid #08718c;border-radius:12px;background:#edf8fb;color:#153c53}.learning-number>strong{display:block;font-size:clamp(25px,4vw,36px);line-height:1.25;overflow-wrap:break-word}.learning-number h4{margin:10px 0;font-size:17px;line-height:1.4}.learning-number p{margin:0;font-size:16px;line-height:1.6}.learning-number .learning-measure{background:none;padding:0}
.lesson-check-card{margin-top:24px;padding:18px;border:2px solid #08718c;border-radius:12px;background:#f0f9fb;color:#153c53}.lesson-check-card h4{font-size:19px;margin:0 0 12px}.lesson-check-card p{line-height:1.6}.lesson-check-options,#planningChoices{display:grid;gap:10px}.lesson-check-card button,.lesson-check-card select{min-height:44px;padding:12px;border:1px solid #94b6c1;border-radius:9px;background:white;color:#153c53;font:inherit;line-height:1.45;white-space:normal;text-align:left;max-width:100%}.lesson-check-card button{cursor:pointer}.lesson-check-card button:focus-visible{outline:3px solid #08718c;outline-offset:2px}.lesson-check-card small{display:block;line-height:1.5;margin-top:12px}.planning-inputs{display:flex;flex-wrap:wrap;gap:14px}.planning-inputs label{display:grid;gap:6px;flex:1 1 100px}.lesson-check-feedback:not(:empty),#planningFeedback:not(:empty){padding:12px;border-left:4px solid #08718c;background:white}

.learning-number-grid{display:grid;gap:14px;margin-bottom:16px}.learning-number-grid .learning-number{margin:0}@media(min-width:850px){.learning-number-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-number-grid .learning-number{padding:16px}.learning-number-grid .learning-number>strong{font-size:28px}}

/* Training-owned learning journey. Shared suite chrome is unchanged. */
.journey-guide{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid color-mix(in srgb,var(--accent,#1bd5f3) 50%,transparent);border-left:5px solid var(--accent,#1bd5f3);border-radius:18px;background:var(--panel,#161616);margin:18px 0}.journey-guide small{font-weight:800;letter-spacing:.08em;font-size:11px;color:var(--accent,#1bd5f3)}.journey-guide h2{font-size:23px;line-height:1.25;margin:8px 0}.journey-guide p{font-size:15px;line-height:1.55;margin:0;max-width:60ch}.journey-actions{display:flex;flex-wrap:wrap;gap:10px;flex:0 1 260px}.journey-actions button{min-height:44px;padding:10px 16px;font:inherit;font-weight:700;border-radius:12px;border:1px solid var(--accent,#1bd5f3);background:var(--accent,#1bd5f3);color:#06141a;cursor:pointer}.journey-actions .guide-secondary{background:transparent;color:inherit;border-color:var(--border,#777)}.today-grid .journey-guide{margin:0}.course-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0;list-style:none;margin:24px 0}.course-stages li{padding:16px;display:flex;gap:10px;align-items:center;border:1px solid var(--border,#777);border-radius:12px;font-size:14px}.course-stages li span{display:grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:var(--surface,#222)}.course-stages .done{border-color:#3cbf97}.course-stages .done span{background:#175f4b;color:white}.reader-expand{min-height:44px;border:1px solid #777;border-radius:12px;background:transparent;color:inherit;font:inherit;font-size:13px;padding:8px 12px;cursor:pointer;white-space:nowrap}.lesson-dialog header>div{flex:1;min-width:0}.lesson-source{font-size:13px}.lesson-source a{color:#075d79}.lesson-reading{max-width:900px;margin-inline:auto}.lesson-page{min-height:100%}#lessonDialog{width:min(1240px,calc(100vw - 32px))}#lessonDialog.expanded-reader{width:calc(100vw - var(--safe-l) - var(--safe-r) - 12px);max-width:none;height:calc(100dvh - var(--safe-t) - var(--safe-b) - 12px);max-height:none}.expanded-reader .lesson-dialog{height:100%;max-height:100%}.expanded-reader .lesson-workspace{flex:1;min-height:0}.expanded-reader .lesson-content{min-height:0}.lesson-dialog footer .lesson-actions{width:auto;flex:0 0 auto;max-width:60%;flex-wrap:nowrap}.lesson-dialog footer .lesson-actions button{flex:0 1 auto;min-width:110px;padding:10px 18px}.lesson-workspace{min-height:0;flex-shrink:1}#certificateNext .journey-guide{text-align:left}#certificateNameStatus:empty{display:none}
@media(min-width:1100px){.home-courses .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.journey-guide{align-items:flex-start;flex-direction:column;gap:16px}.journey-actions{flex:auto}.course-stages{grid-template-columns:repeat(2,1fr)}.lesson-dialog footer{flex-wrap:wrap}.lesson-dialog footer .lesson-actions{max-width:100%;margin-left:auto}.reader-expand{font-size:12px;padding:8px}.lesson-dialog header{gap:8px}}
@media(max-width:500px){#lessonDialog{width:calc(100vw - 12px)}.lesson-dialog header{flex-wrap:wrap}.lesson-dialog header>div{flex-basis:calc(100% - 70px)}.reader-expand{margin-left:auto}.course-stages li{padding:12px;font-size:12px}.journey-guide{padding:18px}.lesson-reading h3{font-size:27px}.lesson-dialog footer .lesson-actions button{min-width:90px}}
@media print{#certificateNext,#certificateNameStatus,.reader-expand{display:none!important}}

#quizBody fieldset[hidden],#quizPaging button[hidden],#quizForm button[hidden]{display:none!important}#quizPaging{padding:16px 0}#quizPaging>div{display:flex;justify-content:space-between;gap:14px;margin-top:12px}#quizPaging button{min-height:44px;padding:10px 18px;border:1px solid var(--border,#777);border-radius:10px;font:inherit;background:var(--panel,#171717);color:inherit;cursor:pointer}#quizPaging button:disabled{opacity:.5}.learning-milestones{border:1px solid var(--border,#777);padding:22px;border-radius:18px;margin:20px 0}.learning-milestones p{max-width:75ch;line-height:1.6}.learning-milestones>div{display:flex;flex-wrap:wrap;gap:12px}.learning-milestones button{border:1px solid #3cbf97;background:transparent;color:inherit;min-height:44px;border-radius:24px;padding:10px 16px;font:inherit;cursor:pointer}#certificateDialog button:disabled{opacity:.45;cursor:not-allowed}

.lesson-dialog header{grid-template-columns:44px minmax(0,1fr) auto 44px}@media(max-width:500px){.lesson-dialog header{grid-template-columns:44px minmax(0,1fr) 44px}.reader-expand{grid-column:2;grid-row:2;justify-self:end}#lessonClose{grid-column:3;grid-row:1}}

@media(max-width:500px){.lesson-dialog footer .lesson-actions{width:100%;flex:1 1 100%;max-width:100%}.lesson-dialog footer .lesson-actions button{flex:1 1 0;min-width:0;padding:10px 12px;white-space:nowrap}}

.lesson-dialog footer .lesson-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(360px,100%);flex:0 1 360px;max-width:100%;gap:10px}.lesson-dialog footer .lesson-actions button{min-width:0;width:100%;padding:10px 12px;white-space:normal;overflow-wrap:normal;word-break:normal}@media(max-width:500px){.lesson-dialog footer .lesson-actions{flex:1 1 100%}}

/* Training curriculum workspace; shared account/navigation chrome remains unchanged. */
html body>main#app.training-workspace-host{width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;overflow:hidden;scrollbar-gutter:auto}
.training-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);height:100%;min-height:0}
.learning-outline{min-height:0;overflow:auto;padding:24px 16px;border-right:1px solid var(--line,#454545);background:var(--panel,var(--bg));overscroll-behavior:contain}
.learning-outline h2{font-size:18px;margin:0 0 8px}.learning-outline>p{font-size:13px;line-height:1.5;opacity:.75;margin:0 0 16px}
.learning-outline button{min-height:44px;width:100%;text-align:left;background:transparent;color:inherit;border:0;border-radius:8px;padding:10px;font:inherit;font-size:13px;line-height:1.5;white-space:normal}
.learning-outline button:hover,.learning-outline button[aria-current]{background:color-mix(in srgb,var(--accent,#85aaff) 15%,transparent)}
.learning-outline details{border-top:1px solid var(--line,#454545);padding:7px 0}.learning-outline summary{cursor:pointer;min-height:44px;padding:8px 4px;font-size:14px;line-height:1.5}.learning-outline summary>span{display:inline-block;width:calc(100% - 24px);vertical-align:top;font-weight:650}.learning-outline small{display:block;font-size:12px;font-weight:400;opacity:.7;margin-top:3px}
.learning-outline .outline-module{margin-left:12px;border-top:0;padding:0}.learning-outline .outline-module summary{font-size:13px}.learning-outline .outline-lesson{display:flex;gap:8px;padding-left:16px}.learning-outline button:disabled{opacity:.45;cursor:default}.learning-outline button:focus-visible,.learning-outline summary:focus-visible{outline:2px solid var(--accent,#85aaff);outline-offset:2px}
.training-main-view{min-width:0;min-height:0;overflow:auto;padding:24px clamp(18px,3vw,48px) 40px;overscroll-behavior:contain;scrollbar-gutter:stable}
.learning-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:12px;opacity:.85}.learning-toolbar #outlineToggle{display:none;min-height:44px;padding:8px 12px;font:inherit;border:1px solid var(--line,#454545);border-radius:10px;background:var(--bg);color:inherit}
@media(min-width:821px) and (max-width:1050px){.training-workspace{grid-template-columns:235px minmax(0,1fr)}.training-main-view{padding:20px}}
@media(max-width:820px){.training-workspace{grid-template-columns:minmax(0,1fr)}.learning-outline{display:none}.training-workspace.outline-visible{grid-template-rows:minmax(160px,45%) minmax(0,1fr)}.outline-visible .learning-outline{display:block;border-right:0;border-bottom:1px solid var(--line,#454545)}.learning-toolbar #outlineToggle{display:block}.learning-toolbar>span{display:none}.training-main-view{padding:16px 12px 28px}}

.orientation-invite{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;margin:20px 0;border:1px solid var(--accent,#85aaff);border-radius:14px;background:color-mix(in srgb,var(--accent,#85aaff) 7%,transparent)}.orientation-invite span{display:block;font-size:14px;margin-top:5px}.orientation-invite button{flex-shrink:0;min-height:44px;padding:10px 14px}.hub-orientation{max-width:1100px;margin:auto}.hub-orientation>h1{font-size:clamp(28px,3.5vw,44px);line-height:1.15}.orientation-steps{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;gap:16px;margin:26px 0}.orientation-steps li{display:flex;gap:16px;padding:24px;border:1px solid var(--line,#454545);border-top:3px solid var(--accent,#85aaff);border-radius:16px;background:var(--panel,var(--bg))}.orientation-number{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:10px;background:var(--accent,#85aaff);color:#081019;font-weight:800}.orientation-steps h2{font-size:20px;line-height:1.3;margin:0 0 12px}.orientation-steps p,.orientation-note p{line-height:1.65;margin:0}.orientation-note{border-left:3px solid var(--accent,#85aaff);padding:16px 20px;margin-bottom:22px}.orientation-note strong{display:block;margin-bottom:8px}.hub-orientation>button{min-height:44px;padding:10px 16px;margin:0 10px 10px 0}@media(max-width:1050px){.orientation-steps{grid-template-columns:1fr}}@media(max-width:550px){.orientation-invite{align-items:flex-start;flex-direction:column}.orientation-steps li{padding:18px;gap:12px}}

/* Semantic progress and curriculum landmarks. */
.learning-outline .outline-group-label{font-size:10px;letter-spacing:.12em;opacity:.7;margin:24px 6px 10px}.learning-outline .outline-course{--level-color:#83b4ff;border:1px solid var(--line,#454545);border-left:3px solid var(--level-color);border-radius:12px;margin:8px 0;padding:4px 7px;background:color-mix(in srgb,var(--level-color) 4%,var(--bg))}.learning-outline .level-intro{--level-color:#54cfb5}.learning-outline .level-intermediate{--level-color:#e5b559}.learning-outline .level-advanced{--level-color:#bc98ef}.learning-outline .level-reference{--level-color:#929aab}.outline-title-row{display:flex;gap:9px;align-items:flex-start}.outline-icon{flex:0 0 29px;width:29px;height:29px;display:grid;place-items:center;border-radius:8px;color:var(--level-color);background:color-mix(in srgb,var(--level-color) 14%,transparent)}.outline-icon svg{width:21px;height:21px}.learning-outline summary>.outline-course-copy{width:calc(100% - 20px)}.learning-status{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500;margin:9px 0 2px}.learning-status b{display:inline-flex;align-items:center;font-size:12px;line-height:1.4;border:1px solid currentColor;border-radius:6px;padding:2px 7px}.status-complete{color:#70dfab}.status-started{color:#f0c46c}.status-new{color:#b3bac7}.learning-outline .outline-award{display:flex;align-items:center;gap:5px;color:#70dfab;opacity:1;font-size:11px}.outline-award svg{width:15px;height:15px}.learning-outline .lesson-done>span:first-child{color:#70dfab;font-weight:800}.orientation-number svg{width:25px;height:25px}.learning-outline .outline-module{border-left:1px solid var(--line,#454545);padding-left:8px;margin-top:5px}.learning-outline .outline-module .learning-status{font-size:10px}.learning-outline .outline-module .learning-status b{font-size:11px;padding:1px 5px}
body[data-theme="light"] .status-complete,body[data-theme="light"] .learning-outline .outline-award,body[data-theme="light"] .learning-outline .lesson-done>span:first-child{color:#126d46}body[data-theme="light"] .status-started{color:#825500}body[data-theme="light"] .status-new{color:#586171}body[data-theme="light"] .outline-icon{color:#263d5b}

/* Host alignment follows the full-width learning workspace. */
html body>.topbar{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));width:100%;max-width:none}.topbar .brand-button{margin-right:auto}.topbar .header-actions{margin-left:auto;flex-shrink:0}
.training-workspace button:not(.outline-lesson):not(.module-toggle),#offlineStatus button{border-radius:12px}.orientation-invite button,#offlineStatus button{border:1px solid var(--line,#555);background:var(--panel);color:var(--text);min-height:44px;padding:10px 16px;cursor:pointer}
.learning-outline .outline-section{border:0;padding:0;margin:12px 0}.learning-outline .outline-section>summary.outline-group-label{font-size:12px;letter-spacing:.04em;font-weight:750;opacity:1;margin:0;padding:12px 6px;min-height:44px;border-bottom:1px solid var(--line,#454545)}
@media(max-width:620px){html body>.topbar{padding-left:12px;padding-right:12px}}

/* Clear course hierarchy: one learning action, secondary setup, three subject groups. */
.hub-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:8px 0 24px}.hub-heading h1{font-size:clamp(26px,3vw,36px);margin:0 0 8px}.hub-heading p{margin:0;color:var(--muted);line-height:1.5}.hub-heading button{flex-shrink:0}
html body .offline-status{padding:0;margin:18px 0 30px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}.offline-status summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;cursor:pointer;padding:10px 0}.offline-status summary strong{font-size:14px;font-weight:600}.offline-status summary span{font-size:13px;color:var(--muted)}.offline-status details[open]{padding-bottom:16px}.offline-status p{max-width:75ch;line-height:1.6}
.training-category{margin:30px 0 36px}.training-category>h2{font-size:23px;margin:0 0 6px;border-left:4px solid var(--accent);padding-left:12px}.training-category>p{color:var(--muted);margin:0 0 18px;line-height:1.5}.training-category .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.training-category .course-card{min-height:0}.training-category .course-card .course-kind{display:none}.training-category .course-card h2{margin-top:12px}.training-category .course-open{align-self:flex-start;min-width:140px}.training-category .course-card .progress{margin-top:20px}
html body .home-section{box-shadow:none}html body .home-section>summary{background:transparent;min-height:64px;border-left:0}.course-heading-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,300px);gap:28px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px}.course-heading-layout h1{font-size:clamp(26px,3vw,36px)}.course-heading-layout p{line-height:1.55}.course-heading-layout .course-stages{grid-template-columns:repeat(2,1fr);gap:8px;margin:0}.course-heading-layout .course-stages li{padding:10px;border:0;background:var(--panel);font-size:13px}.course-step-heading{font-size:22px;margin:24px 0 8px}.course-step-help{margin:0 0 16px;color:var(--muted);line-height:1.5}.module-summary-copy small{font-size:11px;letter-spacing:0;text-transform:none}.module-start{font-size:14px}.course-heading-layout+.course-step-heading{margin-top:20px}
@media(max-width:850px){.course-heading-layout{grid-template-columns:1fr}.course-heading-layout .course-stages{grid-template-columns:repeat(4,minmax(0,1fr))}.course-heading-layout .course-stages li{flex-direction:column;align-items:flex-start}.training-category .course-grid{grid-template-columns:1fr}}
@media(max-width:550px){.hub-heading{align-items:flex-start;flex-direction:column;gap:12px}.course-heading-layout .course-stages{grid-template-columns:repeat(2,1fr)}.course-heading-layout .course-stages li{flex-direction:row}.module-summary{grid-template-columns:1fr}.module-start{justify-self:start;margin:0 16px 12px}}

.course-heading-layout .course-stages li:not(.done) span{background:var(--panel2);color:var(--text);border:1px solid var(--line)}

/* Subject sections and primary learning navigation. */
.outline-entry{display:grid;gap:9px;padding-bottom:22px;margin-bottom:18px;border-bottom:1px solid var(--line)}.learning-outline .outline-entry button{display:flex;align-items:center;min-height:48px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 9%,var(--panel));color:var(--text);font-size:15px;font-weight:800}.learning-outline .outline-entry button[aria-current=page]{background:var(--accent);color:#081019}.learning-outline>h2{font-size:16px;margin:0 0 6px}.learning-outline>p{margin:0 0 14px}
.training-category{--category-color:#86adff;padding:22px;margin:24px 0;border:1px solid color-mix(in srgb,var(--category-color) 45%,var(--line));border-top:4px solid var(--category-color);border-radius:20px;background:color-mix(in srgb,var(--category-color) 4%,var(--bg))}.category-field{--category-color:#43d6b5}.category-humanitarian{--category-color:#c896ef}.training-category>h2{border:0;padding:0}.training-category .course-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}.training-category .course-card{--course-accent:var(--category-color);--card-accent:var(--category-color)!important}.training-category .course-card h2{font-size:20px}.training-category .course-card .number{display:none}.training-category .course-card-top:empty{display:none}.home-practicals{margin:18px 0 24px}.home-practicals summary strong{font-size:18px!important}
.treatment-guide{margin:22px 0;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.treatment-guide summary{cursor:pointer;min-height:44px;font-size:19px;font-weight:800}.treatment-guide p{line-height:1.65}.treatment-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.treatment-cards article{border:1px solid var(--line);border-radius:12px;padding:16px}.treatment-cards h3{margin:0;font-size:19px}.treatment-cards strong{font-size:14px;line-height:1.6;display:block}.treatment-guide a{color:var(--accent)}
@media(max-width:620px){.training-category{padding:15px}.treatment-cards{grid-template-columns:1fr}}

html body .learning-outline .outline-entry button{background:color-mix(in srgb,var(--wf-accent,var(--cyan)) 10%,var(--panel))!important;border:1px solid var(--wf-accent,var(--cyan))!important;color:var(--text)!important}html body .learning-outline .outline-entry button[aria-current=page]{background:var(--wf-accent,var(--cyan))!important;color:#081019!important}

/* Approved Training floating header, October 12. */
html body>.topbar{position:relative!important;top:auto!important;width:calc(100% - 28px)!important;max-width:none!important;margin:14px 14px 12px!important;min-height:68px;padding:10px 14px!important;border:1px solid color-mix(in srgb,var(--wf-accent,#29d8f2) 30%,transparent)!important;border-radius:22px!important;background:color-mix(in srgb,var(--wf-surface,#050505) 78%,transparent)!important;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);box-shadow:inset 0 1px 1px #fff3,0 6px 20px #0002!important;isolation:isolate;flex-shrink:0}
html body>.topbar:before{content:''!important;position:absolute!important;inset:0!important;border-radius:inherit!important;background:var(--wf-accent,#29d8f2)!important;opacity:.17!important;mask:url('/assets/design-foundation/terrain.svg') center/cover!important;-webkit-mask:url('/assets/design-foundation/terrain.svg') center/cover!important;pointer-events:none;z-index:-1!important}
html body[data-theme=light]>.topbar:before{opacity:.25!important}
html body>.topbar:after{content:'';position:absolute;inset:-1px;padding:1.25px;border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,color-mix(in srgb,var(--wf-accent,#29d8f2) 55%,white),transparent 30%,color-mix(in srgb,var(--wf-accent,#29d8f2) 25%,transparent) 55%,color-mix(in srgb,var(--wf-accent,#29d8f2) 50%,white) 85%,transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}
html body>.topbar .brand-mark,html body>.topbar .brand-mark img{border-radius:23%!important;overflow:hidden}
html[data-wata-menu-material=solid] body>.topbar{background:var(--wf-surface,#050505)!important;backdrop-filter:none;-webkit-backdrop-filter:none}

@media(max-width:620px){html body>.topbar{width:calc(100% - 16px)!important;margin:8px 8px 8px!important;padding:8px!important;gap:8px!important;min-height:64px;border-radius:19px!important}}
@media(prefers-reduced-transparency:reduce){html body>.topbar{background:var(--wf-surface,#050505)!important;backdrop-filter:none!important}}
@media(forced-colors:active){html body>.topbar:before,html body>.topbar:after{display:none}html body>.topbar{border:1px solid CanvasText!important}}

html body>.topbar{margin-top:max(14px,env(safe-area-inset-top))!important;margin-left:max(14px,env(safe-area-inset-left))!important;margin-right:max(14px,env(safe-area-inset-right))!important;width:auto!important;align-self:stretch}

html body>.topbar{backdrop-filter:blur(22px) saturate(1.3)!important;-webkit-backdrop-filter:blur(22px) saturate(1.3)!important}
html[data-wata-menu-material=solid] body>.topbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more),(forced-colors:active){html body>.topbar{background:var(--wf-surface,#050505)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}

/* Approved surface study: contained learning workspace, October 13. */
html body{background:#050505!important}html body>main#app.training-workspace-host{background:#050505!important;padding:0 14px 14px!important;box-sizing:border-box}
html .training-workspace{gap:16px;background:#050505!important}
html .learning-outline{position:relative;background:linear-gradient(145deg,#111719d9,#050708ee)!important;border:1px solid color-mix(in srgb,var(--wf-accent) 34%,transparent)!important;border-radius:22px;padding:20px 16px;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--wf-accent) 40%,white),inset 0 -1px 0 color-mix(in srgb,var(--wf-accent) 24%,transparent),0 12px 32px #0008;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
html .training-main-view{background:#111315!important;border-radius:22px;border:1px solid #ffffff0d;padding:28px 32px;scrollbar-gutter:stable}
html .training-category{position:relative;margin:44px 0;background:linear-gradient(150deg,color-mix(in srgb,var(--category-color) 7%,#111315),#090b0c)!important;border:1px solid color-mix(in srgb,var(--category-color) 45%,#30363b)!important;border-top:2px solid var(--category-color)!important;box-shadow:0 14px 30px #0006,0 0 22px color-mix(in srgb,var(--category-color) 5%,transparent),inset 0 1px 0 #ffffff16!important}
html .training-category+.training-category:before{content:'';position:absolute;left:10px;right:10px;top:-24px;height:1px;background:linear-gradient(90deg,transparent,#ffffff20 12%,#ffffff20 88%,transparent)}
html .training-category .course-card{background:#060809!important;box-shadow:0 6px 16px #0004,inset 0 1px 0 #ffffff14!important}
html body[data-theme=light]{background:#fff!important}html body[data-theme=light]>main#app.training-workspace-host,html body[data-theme=light] .training-workspace{background:#fff!important}html body[data-theme=light] .learning-outline{background:#f8fcfded!important;box-shadow:0 8px 20px #18354012,inset 0 1px #fff}html body[data-theme=light] .training-main-view{background:#f1f3f4!important}html body[data-theme=light] .training-category{background:#fff!important;box-shadow:0 10px 24px #18354012!important}html body[data-theme=light] .training-category .course-card{background:#fafcfd!important}html body[data-theme=light] .training-category+.training-category:before{background:#16374820}
@media(max-width:820px){html .training-main-view{padding:20px 16px}html .training-workspace{gap:10px}html .outline-visible .learning-outline{border-bottom:1px solid color-mix(in srgb,var(--wf-accent) 34%,transparent)}}

html[data-wata-menu-material=solid] .learning-outline{background:#080b0c!important;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-wata-menu-material=solid] body[data-theme=light] .learning-outline{background:#f8fcfd!important}
@media(max-width:620px){html body>main#app.training-workspace-host{padding:0 8px max(8px,env(safe-area-inset-bottom))!important}.training-main-view{border-radius:16px!important;padding:16px 12px 28px!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){html .learning-outline{background:#080b0c!important;backdrop-filter:none;-webkit-backdrop-filter:none}html body[data-theme=light] .learning-outline{background:#f8fcfd!important}}
@media(forced-colors:active){html .learning-outline,html .training-main-view,html .training-category,html .training-category .course-card{background:Canvas!important;border:1px solid CanvasText!important;box-shadow:none!important;backdrop-filter:none!important}}
/* Approved revision 6 narrow identity; existing controls and navigation retained. */
@media(max-width:620px){html body>.topbar{min-height:74px!important}.topbar .brand-mark,.topbar .brand-mark img{width:42px!important;height:42px!important;flex:0 0 42px}.topbar .wata-brand-copy{text-align:left;min-width:0}.topbar .wata-app-title{font-size:18px!important;line-height:1.15!important;font-weight:800!important;white-space:normal}.topbar .wata-suite-name,.topbar .wata-suite-name strong{font-size:10px!important;line-height:1.3!important;font-weight:400!important}}

/* Welcome review: visual concepts, distinct check page and compact save status. */
.welcome-concepts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.welcome-concepts section{padding:24px 12px;background:var(--surface,#f0faff);border:1px solid #90cfe1;border-radius:20px;text-align:center}.welcome-concepts span{display:block;font-size:44px;color:#007d9e;margin-bottom:12px}.welcome-concepts strong{display:block;overflow-wrap:normal}.welcome-stat{display:grid;padding:24px;border-left:6px solid #11c8e7;background:#e7faff;color:#153542;margin:20px 0}.welcome-stat strong{font-size:clamp(36px,7vw,64px)}.welcome-map img{width:100%;height:auto;border-radius:16px}.welcome-map figcaption{font-size:14px;line-height:1.7}.lesson-check-options button.answer-correct{background:#e3f6e9;color:#135b32;border-color:#25834a}.lesson-check-feedback:empty{display:none}#competencyNote{font-size:12px;line-height:1.4;opacity:.72;background:transparent;padding:4px 0}.lesson-reading #completionBack{margin:12px}.intro-photo figcaption:empty{display:none}@media(max-width:540px){.welcome-concepts{gap:8px}.welcome-concepts section{padding:16px 8px}.welcome-concepts strong{font-size:14px}}

@media(min-width:701px){.lesson-workspace.navigator-collapsed{grid-template-columns:1fr}.navigator-collapsed .lesson-navigator{display:none}}.practice-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:20px}.practice-launch-card{display:grid;grid-template-columns:140px minmax(0,1fr);border:2px solid var(--accent,#08bddd);border-radius:20px;overflow:hidden;background:var(--panel,#fff)}.practice-launch-card>img{width:100%;height:100%;min-height:200px;object-fit:cover}.practice-launch-card>div{padding:22px}.practice-launch-card h3{margin:10px 0;font-size:22px}.practice-launch-card small{font-size:11px;font-weight:800;letter-spacing:.06em}.practice-launch-card p{font-size:16px;line-height:1.5}.practice-launch-card button{min-height:48px;width:100%;padding:12px;border-radius:12px;background:#9eeeff;color:#102733;border:1px solid #0296b8;font:inherit;font-weight:750;cursor:pointer}.visual-modes [data-learning-mode=quiz]{border:2px solid var(--accent,#00a5ce)}.assessment-card{border-width:2px!important;padding:24px!important}@media(max-width:540px){.practice-launch-card{grid-template-columns:1fr}.practice-launch-card>img{height:150px;min-height:0}}

.country-facts{padding-block:24px;margin-block:24px;border-block:1px solid var(--line,#ccd6dc)}.country-facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.country-facts-grid article{border:1px solid var(--line,#ccd6dc);border-top:4px solid #05b9d7;border-radius:16px;padding:20px;background:var(--panel,#fff)}.country-facts-grid small{font-weight:750;color:var(--muted,#52616b)}.country-facts-grid h3{margin:8px 0;font-size:21px}.country-facts-grid p{line-height:1.6}.country-brief .regional-context{margin-top:24px;padding-top:20px;border-top:1px solid var(--line,#ccd6dc)}@media(max-width:620px){.country-facts-grid{grid-template-columns:1fr}}

/* Quiz: a bounded sheet, consistent gutters and visible touch-sized navigation. */
#quizDialog{width:min(800px,calc(100vw - 32px));max-height:calc(100dvh - var(--safe-t,0px) - var(--safe-b,0px) - 32px)}
#quizDialog .quiz-dialog{max-height:calc(100dvh - var(--safe-t,0px) - var(--safe-b,0px) - 34px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#quizDialog .quiz-dialog>header{padding:20px 24px;gap:16px;position:relative;background:var(--panel,#fff);backdrop-filter:none}
#quizDialog header>div{min-width:0;flex:1}
#quizDialog h2{font-size:clamp(21px,3vw,28px);line-height:1.2;overflow-wrap:break-word}
#quizDialog header .eyebrow{margin:0 0 8px;font-size:11px}
#quizDialog #quizIntro{font-size:13px;line-height:1.5;margin-top:10px}
#quizClose{flex:0 0 44px;width:44px;height:44px;position:sticky;top:0}
#quizDialog #quizBody{padding:20px 24px 12px}
#quizDialog fieldset{margin:0;padding:16px;background:var(--panel2,#f5f8fc);min-width:0}
#quizDialog legend{font-size:16px;line-height:1.45;max-width:100%;padding:0 4px;gap:10px}
#quizDialog legend span{flex-shrink:0;background:#dcf6fb;color:#17508a}
#quizDialog fieldset label{align-items:flex-start;min-height:48px;padding:12px;font-size:15px;line-height:1.5;background:var(--panel,#fff)}
#quizDialog fieldset input{flex:0 0 18px;width:18px;height:18px;margin:3px 0 0}
#quizDialog #quizPaging{padding:8px 24px 16px;display:grid;grid-template-columns:auto 1fr;gap:10px 16px;align-items:center}
#quizDialog #quizPaging>span{font-weight:700;font-size:14px}
#quizDialog #quizPaging>div{display:flex;justify-content:flex-end;gap:10px;margin:0}
#quizDialog #quizPageHint{grid-column:1/-1;margin:0;font-size:12px;line-height:1.4;color:var(--muted,#516577)}
#quizDialog #quizNext{background:#8de7f5;color:#102b40;border-color:#65cddd;font-weight:700}
#quizDialog #quizForm>footer{position:static;padding:14px 24px;gap:12px}
#quizDialog #quizForm>footer p{font-size:12px;line-height:1.4}
#quizDialog #quizForm>footer button{min-height:44px;font-size:15px}
#quizResult{padding:20px 24px}
.ambassador-assessment{border-color:#64bed7;background:var(--panel,#fff)}
.ambassador-assessment h2{font-size:clamp(20px,2.5vw,25px);line-height:1.25;margin:10px 0}
.ambassador-assessment p{font-size:15px;line-height:1.55;margin:10px 0}
.ambassador-assessment label span{font-size:15px;line-height:1.45;letter-spacing:normal;text-transform:none;font-weight:500;color:var(--text,#14354a)}
.ambassador-assessment button{min-height:46px;background:#8de7f5;color:#102b40;border:1px solid #58b9d0;border-radius:12px;padding:12px 18px;cursor:pointer;font:inherit;font-weight:750;margin:8px 0}
.ambassador-assessment button:disabled{opacity:.5;cursor:not-allowed}
.ambassador-assessment small{display:block;line-height:1.5;margin-top:10px}
@media(max-width:520px){#quizDialog{width:calc(100vw - 16px);max-height:calc(100dvh - var(--safe-t,0px) - var(--safe-b,0px) - 16px)}#quizDialog .quiz-dialog{max-height:calc(100dvh - var(--safe-t,0px) - var(--safe-b,0px) - 18px)}#quizDialog .quiz-dialog>header{padding:16px}#quizDialog #quizBody{padding:16px 12px 12px}#quizDialog fieldset{padding:12px}#quizDialog #quizPaging{padding:8px 16px 16px;grid-template-columns:1fr}#quizDialog #quizPaging>div{justify-content:space-between}#quizDialog #quizForm>footer{padding:14px 16px}#quizDialog #quizIntro{font-size:12px}}
#certificateDialog .certificate-dialog{max-height:calc(100dvh - var(--safe-t,0px) - var(--safe-b,0px) - 26px);overflow-y:auto;overscroll-behavior:contain}
@media print{#certificateDialog .certificate-dialog{max-height:none!important;overflow:visible!important}}