/* Visual classroom: one existing loader, one lesson stage, scoped to academy. */

.mya{--ac-surface:#fff;--ac-ink:#152e42;--ac-muted:#5b7282;--ac-line:#dce5ec;--ac-soft:#f0f6f8;--ac-accent:#087d88;--ac-link:#096e7d;--ac-shadow:0 12px 35px #122b4010;color:var(--ac-ink);max-width:1530px;margin:auto;padding:24px 32px 110px;font-family:inherit}.mya *{box-sizing:border-box}.mya [hidden]{display:none!important}.mya p{color:var(--ac-muted);line-height:1.7}.mya a{color:var(--ac-link)}.mya button{font:inherit;min-height:44px;cursor:pointer;border:1px solid var(--ac-line);border-radius:12px;background:var(--ac-surface);color:var(--ac-ink);padding:12px 18px}.mya button:disabled{cursor:not-allowed;opacity:.6}.mya button:focus-visible,.mya a:focus-visible,.mya summary:focus-visible,.mya input:focus-visible{outline:3px solid #27b7c7;outline-offset:4px}.mya-eyebrow{font-size:9px;font-weight:800;letter-spacing:2px;color:var(--ac-link)!important}.mya-lobby-top{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:0 0 18px}.mya-back{font-size:11px;text-decoration:none}.mya-edition{font-size:8px;font-weight:700;letter-spacing:1.6px;color:var(--ac-muted)}

.mya-intro{position:relative;isolation:isolate;overflow:hidden;border-radius:25px;min-height:350px;background:#071f32;color:#fff;border:1px solid #205168;box-shadow:0 22px 45px #0a2c3f12;animation:mya-arrive .65s both}.mya-hero-art{position:absolute;inset:0;z-index:-1;overflow:hidden}.mya-hero-art>img{position:absolute;right:-4%;top:0;height:100%;width:80%;object-fit:cover;object-position:100% 55%;opacity:.9;animation:mya-photo-in 1.5s ease-out both}.mya-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071f32 1%,#071f32 40%,#071f32f2 59%,#071f3299 70%,#0b2c3b05 92%),linear-gradient(0deg,#071f32c9,transparent 70%)}.mya-hero-copy{position:relative;padding:35px 42px;max-width:620px}.mya-intro .mya-eyebrow{color:#8cdbd4!important;margin:0 0 17px;font-size:8px}.mya[data-academy] .mya-intro h1{font-size:clamp(31px,3.4vw,49px)!important;line-height:1.07!important;font-weight:750!important;letter-spacing:-1.9px;color:#fff;margin:0 0 18px}.mya-intro h1 em{font-style:normal;background:linear-gradient(90deg,#87e0d1,#a5d9fb,#d0b7f3);background-size:200%;background-clip:text;color:transparent;animation:mya-spectrum 9s ease-in-out infinite}.mya-hero-copy>p:not(.mya-eyebrow){font-size:12px;color:#c3d6df;margin:0 0 20px;line-height:1.75}.mya #mya-start{display:inline-flex;align-items:center;gap:25px;border:1px solid #acf1de;background:linear-gradient(110deg,#96e2d0,#78d1e1);color:#092939;font-size:12px;font-weight:750;box-shadow:0 0 25px #56e4c222;transition:transform .25s,box-shadow .25s}.mya #mya-start:hover{transform:translateY(-3px);box-shadow:0 8px 30px #56e4c240}.mya #mya-start span{font-size:19px}.mya-summary{max-width:270px;margin-top:20px;display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center}.mya-summary strong{font-size:10px;color:#c6dbe4;font-weight:500}.mya-progress-track{--progress:0%;height:3px;width:100%;grid-column:1/3;border-radius:5px;background:#ffffff26;overflow:hidden}.mya-progress-track>span{display:block;height:100%;width:var(--progress);background:#96e2d0;transition:width 1s ease}.mya-summary p{display:none}.mya .mya-summary a{font-size:9px;color:#96e2d0;text-decoration:none;grid-row:1;grid-column:2}.mya-art-label{position:absolute;z-index:2;right:28px;bottom:26px;color:#e1f0f5;background:#0a263786;border:1px solid #b8e6ef30;backdrop-filter:blur(12px);padding:11px 16px;border-radius:30px;display:flex;align-items:center;gap:9px;font-size:10px;animation:mya-float 7s ease-in-out infinite}.mya-live-dot{height:5px;width:5px;background:#95e6d4;border-radius:50%;box-shadow:0 0 0 4px #95e6d417}.mya-orbit{position:absolute;z-index:1;width:360px;height:360px;border:1px solid #a7e4e624;border-radius:50%;right:25px;top:-80px;animation:mya-turn 35s linear infinite}.mya-orbit:before{content:"";position:absolute;top:42px;left:47px;width:6px;height:6px;border-radius:50%;background:#b3f1e0;box-shadow:0 0 18px #b3f1e0}.mya-orbit-two{width:520px;height:520px;right:-50px;top:-150px;border-style:dashed;animation-direction:reverse;animation-duration:50s}

.mya-curriculum{margin-top:32px;min-width:0}.mya-curriculum-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.mya-curriculum-heading .mya-eyebrow{margin:0 0 6px}.mya[data-academy] .mya-curriculum-heading h2{font-size:25px;line-height:1.2;font-weight:700;letter-spacing:-.8px;margin:0}.mya-curriculum-heading>p{font-size:11px;line-height:1.7;text-align:right;margin:0}.mya-curriculum-heading>p span{font-size:10px;color:var(--ac-muted)}.mya nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mya nav .mya-module{position:relative;display:block;width:100%;min-width:0;text-align:left;padding:0;overflow:hidden;background:var(--ac-surface);border:1px solid var(--ac-line);border-radius:18px;box-shadow:0 6px 20px #102b4005;transition:transform .35s,border-color .3s,box-shadow .35s;animation:mya-arrive .6s both}.mya nav .mya-module:not(:disabled):hover{transform:translateY(-7px);border-color:#56afbd;box-shadow:0 16px 30px #1139441b}.mya-module-art{position:relative;display:block;aspect-ratio:16/10;background:radial-gradient(circle at 80% 0%,#419ead,#132e48 70%);overflow:hidden}.mya-module-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#041a3966,transparent 65%);pointer-events:none}.mya-module-art>img{width:100%;height:100%;object-fit:cover;transition:transform .8s,filter .5s}.mya-module:hover .mya-module-art>img{transform:scale(1.05);filter:saturate(1.15)}.mya-module-index{position:absolute;z-index:1;top:12px;left:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#082234bd;border:1px solid #ffffff55;backdrop-filter:blur(8px);font-size:10px;color:#fff;font-weight:700}.mya-card-play{position:absolute;z-index:1;right:15px;bottom:15px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff80;border-radius:50%;background:#081c3099;color:#fff;font-size:20px;transition:background .3s,box-shadow .3s,transform .3s}.mya-module:hover .mya-card-play{background:#278e96;box-shadow:0 0 0 6px #8ce2d62b;transform:scale(1.06)}.mya-module-copy{display:grid;gap:9px;padding:18px 45px 20px 19px}.mya-module-copy>small{font-size:8px;letter-spacing:1.7px;font-weight:750;color:var(--ac-link)}.mya-module-copy>strong{font-size:15px;line-height:1.4;font-weight:650;letter-spacing:-.3px;min-height:42px}.mya-card-status{font-size:10px;color:var(--ac-muted)}.mya-module-state{position:absolute;right:18px;bottom:21px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:12px;color:var(--ac-link);background:var(--ac-soft)}.mya-module[data-status=passed] .mya-module-state{background:#def3ed;color:#10745c}.mya nav .mya-module:disabled{opacity:1}.mya-module[data-status=locked] .mya-module-art{background:repeating-linear-gradient(130deg,#ffffff08 0 1px,transparent 1px 18px),linear-gradient(130deg,#274155,#102338)}.mya-module[data-status=locked] .mya-card-play{font-size:26px;color:#9fb6c5;border-color:#ffffff30;background:#ffffff07}.mya-module[data-status=locked] .mya-module-copy{opacity:.6}.mya-module[data-status=locked] .mya-card-play{left:calc(50% - 25px);top:calc(50% - 25px);width:50px;height:50px}.mya nav .mya-resource{display:flex;align-items:center;justify-content:space-between;min-height:80px;text-align:left;padding:18px 22px;font-size:12px;color:var(--ac-link);border:1px dashed var(--ac-line);background:var(--ac-soft);border-radius:16px}.mya-resource:after{content:"↗";font-size:22px}.mya-resource:hover{border-color:var(--ac-link)}

.mya-content{display:none;max-width:1050px;margin:20px auto 0;min-width:0;border:1px solid var(--ac-line);border-radius:22px;padding:30px 40px;background:var(--ac-surface);box-shadow:var(--ac-shadow);animation:mya-arrive .4s both;scroll-margin-top:90px}.mya[data-stage=lesson] .mya-content{display:block}.mya[data-stage=lesson] .mya-intro,.mya[data-stage=lesson] .mya-curriculum,.mya[data-stage=lesson] .mya-team,.mya[data-stage=lesson] .mya-certificate-details{display:none}.mya-lesson-top{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid var(--ac-line);margin:0 0 24px;padding-bottom:18px}.mya #mya-all-lessons{font-size:11px;min-height:40px;background:var(--ac-soft);border:0}.mya-lesson-top>span{font-size:9px;color:var(--ac-muted)}.mya[data-academy] .mya-content h2{font-size:clamp(22px,3vw,34px);line-height:1.2;letter-spacing:-1px;margin:8px 0 24px;font-weight:700}.mya .mya-lesson-cover{position:relative;display:block;width:100%;padding:0;height:260px;margin-bottom:24px;border:0;border-radius:16px;overflow:hidden;background:#0c273c;text-align:left}.mya-lesson-cover>img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:transform .7s}.mya-lesson-cover:hover>img{transform:scale(1.03)}.mya-cover-overlay{position:absolute;inset:0;display:flex;gap:20px;align-items:flex-end;padding:28px;background:linear-gradient(0deg,#051b32ed,transparent);color:white}.mya-play{display:grid;place-items:center;width:52px;height:52px;border:1px solid #ffffff90;border-radius:50%;font-size:25px;flex:none;background:#ffffff14}.mya-cover-overlay>span:last-child{display:grid;gap:6px}.mya-cover-overlay small{font-size:8px;letter-spacing:2px;color:#98e2d3}.mya-cover-overlay strong{font-size:22px;font-weight:650}.mya-cover-overlay>span>span{font-size:10px;color:#d1e5ef}.mya-actions{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px;padding:9px;background:var(--ac-soft);border-radius:13px}.mya-actions button{font-size:11px;min-height:42px;padding:10px 16px;background:transparent;border-color:transparent;transition:background .2s,box-shadow .2s}.mya-actions button[aria-pressed=true]{border-color:var(--ac-line);background:var(--ac-surface);box-shadow:0 3px 8px #102b4008;color:var(--ac-link)}.mya #mya-begin{margin-left:auto;background:var(--ac-accent);color:white}.mya-actions button:not(:disabled):hover{background:var(--ac-surface);border-color:var(--ac-line)}.mya-help{font-size:11px;margin:0 0 24px;line-height:1.8}.mya #mya-panel{font-size:15px;line-height:1.9;overflow-wrap:anywhere;max-width:900px;margin:auto;min-height:180px}#mya-panel video{display:block;width:100%;max-height:600px;border-radius:14px;background:#06192b;box-shadow:0 16px 45px #06192b22}#mya-panel audio{width:100%;margin:20px 0}#mya-panel p{line-height:1.9;margin:15px 0 24px}#mya-panel>p:first-child{font-size:12px;padding:14px 18px;border-left:3px solid var(--ac-accent);background:var(--ac-soft);border-radius:0 10px 10px 0}#mya-panel h3{font-size:14px;font-weight:750;letter-spacing:.6px;margin-top:35px}#mya-panel ul{padding-left:20px;color:var(--ac-muted)}#mya-panel li{padding:4px 0}#mya-panel li::marker{color:var(--ac-accent)}#mya-panel details{border:1px solid var(--ac-line);border-radius:12px;margin:10px 0;padding:20px;transition:background .2s,border-color .2s}#mya-panel summary{font-size:14px;font-weight:650;cursor:pointer}#mya-panel details[open]{background:var(--ac-soft);border-color:var(--ac-accent)}#mya-panel details[open] p{animation:mya-arrive .25s both}

.mya fieldset{border:1px solid var(--ac-line);border-radius:14px;margin:24px 0;padding:20px}.mya legend{font-size:14px;font-weight:700;line-height:1.7;padding:0 7px;max-width:100%}.mya fieldset label{display:flex;gap:12px;padding:13px 10px;margin:4px 0;min-height:44px;line-height:1.7;cursor:pointer;border:1px solid transparent;border-radius:10px}.mya fieldset label:has(input:checked){background:var(--ac-soft);border-color:var(--ac-accent);color:var(--ac-link)}.mya input[type=radio]{margin:4px 0 0;width:18px;height:18px;flex:none;accent-color:var(--ac-accent)}.mya small{font-size:10px;color:var(--ac-muted)}.mya .mya-submit{padding:15px 26px;background:var(--ac-accent);color:white}.mya-result{padding:28px;border:1px solid var(--ac-accent);background:var(--ac-soft);border-radius:15px;animation:mya-arrive .4s both}#mya-error{padding:18px;border-left:3px solid #c45e54;background:var(--ac-soft);border-radius:10px}

.mya-certificate-details{margin-top:25px;border:1px solid var(--ac-line);border-radius:14px;background:var(--ac-surface);padding:18px 22px}.mya-certificate-details>summary{font-size:13px;font-weight:650;cursor:pointer}.mya-certificate-details>summary span{float:right;color:var(--ac-link)}.mya-credential{padding:20px 0 5px;font-size:12px}.mya-credential strong{font-size:15px;display:block}.mya-credential p{font-size:12px}.mya-credential a{font-size:12px}.mya-team{margin-top:24px;padding:24px;border:1px solid var(--ac-line);border-radius:16px;background:var(--ac-surface)}.mya-team h2{font-size:20px}.mya-team p{font-size:12px}.mya-team button{font-size:11px}.mya-team-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--ac-line);padding:18px 0}.mya-team-row strong,.mya-team-row small{display:block}.mya-team-row small{margin-top:5px}.mya-review-note{font-size:9px;margin-top:25px;color:var(--ac-muted)}.mya dialog{width:min(540px,calc(100vw - 30px));max-height:85dvh;overflow:auto;padding:25px;border:1px solid var(--ac-line);border-radius:18px;background:var(--ac-surface);color:var(--ac-ink)}.mya dialog::backdrop{background:#06182cc2;backdrop-filter:blur(8px)}.mya textarea{display:block;width:100%;padding:12px;margin-top:10px;font:inherit;background:var(--ac-soft);color:var(--ac-ink);border:1px solid var(--ac-line);border-radius:10px}.mya dialog .mya-actions{margin-top:20px}

[data-mymex-theme=dark] .mya{--ac-surface:#0e2536;--ac-ink:#e8f1f6;--ac-muted:#a5becd;--ac-line:#294356;--ac-soft:#173143;--ac-accent:#0a7e8d;--ac-link:#90dbd4;--ac-shadow:0 20px 45px #010c171a}.mya nav .mya-module:nth-child(2){animation-delay:55ms}.mya nav .mya-module:nth-child(3){animation-delay:110ms}.mya nav .mya-module:nth-child(4){animation-delay:165ms}.mya nav .mya-module:nth-child(5){animation-delay:220ms}.mya nav .mya-module:nth-child(6){animation-delay:275ms}.mya nav .mya-module:nth-child(7){animation-delay:330ms}.mya nav .mya-module:nth-child(8){animation-delay:385ms}

@media(min-width:1550px){.mya nav{grid-template-columns:repeat(4,minmax(0,1fr))}.mya-intro{min-height:380px}}@media(max-width:1100px){.mya{padding:22px 22px 110px}.mya nav{gap:15px}.mya-module-copy{padding:16px 35px 18px 16px}.mya-module-copy>strong{font-size:13px}.mya-hero-copy{max-width:530px;padding:32px}.mya-art-label{font-size:9px;right:20px}.mya nav{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:760px){.mya{padding:16px 14px 105px}.mya-lobby-top{margin-bottom:14px}.mya-edition{font-size:6px;letter-spacing:1px;max-width:160px;text-align:right;line-height:1.8}.mya-back{font-size:10px}.mya-intro{border-radius:20px;min-height:400px}.mya-hero-art>img{width:135%;right:-29%;height:70%;top:0;object-position:right top;opacity:.8}.mya-hero-art:after{background:linear-gradient(0deg,#071f32 20%,#071f32e6 45%,#071f3244 100%),linear-gradient(90deg,#071f3299,transparent)}.mya-hero-copy{padding:28px 23px;max-width:100%}.mya-intro .mya-eyebrow{font-size:7px;max-width:170px;line-height:1.7}.mya[data-academy] .mya-intro h1{font-size:33px!important;letter-spacing:-1.4px;max-width:280px;margin-top:55px}.mya-hero-copy>p:not(.mya-eyebrow){font-size:11px;line-height:1.8}.mya #mya-start{font-size:11px;padding:11px 16px}.mya-summary{margin-top:20px;max-width:260px}.mya-summary strong{font-size:9px}.mya .mya-summary a{font-size:8px}.mya-art-label{right:16px;top:17px;bottom:auto;font-size:7px;padding:8px 10px;max-width:135px;line-height:1.4}.mya-orbit{right:-190px;top:-80px}.mya-orbit-two{right:-280px}.mya-curriculum{margin-top:25px;scroll-margin-top:85px}.mya-curriculum-heading{display:block;margin-bottom:16px}.mya[data-academy] .mya-curriculum-heading h2{font-size:23px}.mya-curriculum-heading>p{text-align:left;font-size:10px;margin-top:10px}.mya-curriculum-heading>p br{display:none}.mya-curriculum-heading>p span{display:block;font-size:10px}.mya nav{grid-template-columns:1fr;gap:17px}.mya-module-art{aspect-ratio:16/9}.mya-module-copy{padding:17px 45px 20px 19px;gap:8px}.mya-module-copy>strong{font-size:17px;min-height:0}.mya-card-status{font-size:11px}.mya-module-copy>small{font-size:9px}.mya-module-index{width:30px;height:30px;font-size:11px}.mya-card-play{width:43px;height:43px;font-size:23px}.mya-content{padding:21px 17px;border-radius:18px;margin-top:12px;scroll-margin-top:78px}.mya-lesson-top{margin-bottom:20px}.mya-lesson-top>span{display:none}.mya[data-academy] .mya-content h2{font-size:25px;letter-spacing:-.7px}.mya-actions{gap:4px;padding:7px}.mya-actions button{font-size:10px;padding:10px;flex:1}.mya #mya-begin{flex-basis:100%;margin-top:3px;margin-left:0}.mya #mya-panel{font-size:14px}.mya-help{font-size:10px}.mya .mya-lesson-cover{height:190px}.mya-cover-overlay{padding:20px;gap:14px}.mya-cover-overlay strong{font-size:18px}.mya-play{width:43px;height:43px;font-size:22px}.mya fieldset{padding:12px}.mya legend{font-size:13px}.mya fieldset label{padding:12px 8px}.mya-team{padding:20px}.mya-team-row{align-items:flex-start;flex-direction:column}.mya-review-note{font-size:8px}}

@keyframes mya-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes mya-photo-in{from{transform:scale(1.07);opacity:.5}to{transform:scale(1);opacity:.9}}@keyframes mya-spectrum{50%{background-position:100%}}@keyframes mya-turn{to{transform:rotate(360deg)}}@keyframes mya-float{50%{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){.mya *,.mya *:before,.mya *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.tenant-sidebar,.tenant-topbar,.mya-intro,.mya-curriculum,.mya-actions,.mya-lesson-top{display:none!important}.mya-content{display:block;border:0}}



.mya-hero-art>img{clip-path:inset(0 0 0 56%)}.mya-content #mya-title:focus{outline:none}



/* One lesson: players and written content share the same reading space. */

.mya .mya-lesson-jumps{display:flex;flex-wrap:wrap;gap:8px;padding:0;background:none;border:0;margin:0 0 12px}

.mya .mya-lesson-jumps button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:12px;font-size:12px;padding:10px 14px}

.mya .mya-lesson-jumps svg,.mya-format-icon svg{width:21px;height:21px;flex-shrink:0}

.mya [data-view=video]{--format-color:#08788b;--format-soft:#e8f8fb}.mya [data-view=audio]{--format-color:#7450b1;--format-soft:#f2ecff}.mya [data-view=read]{--format-color:#b03476;--format-soft:#fff0f7}

.mya .mya-lesson-jumps [data-view]:not([data-view=practice]){color:var(--format-color);background:var(--format-soft);border-color:color-mix(in srgb,var(--format-color) 22%,var(--ac-line))}

.mya .mya-lesson-jumps button[aria-pressed=true]{box-shadow:inset 0 0 0 1px currentColor}

/* Single-column classroom: large film, compact audio, uninterrupted reading. */

.mya-learning-grid{display:flex;flex-direction:column;gap:24px;margin-top:24px}

.mya-learning-card{min-width:0;scroll-margin-top:110px}.mya-learning-card:focus{outline:none}.mya-learning-card:focus-visible{outline:3px solid #27b7c7;outline-offset:4px}

.mya .mya-learning-video>header{display:none}.mya .mya-learning-video video{display:block;width:100%;aspect-ratio:16/9;max-height:600px;object-fit:contain;border-radius:18px;background:#071b2c;box-shadow:0 14px 35px #071b2c20}

.mya-learning-audio{display:flex;align-items:center;gap:24px;padding:18px 22px;background:var(--ac-soft);border-radius:16px;border:1px solid var(--ac-line)}

.mya-learning-card>header{display:flex;align-items:center;gap:12px;flex-shrink:0}.mya #mya-panel .mya-learning-card>header h3{margin:0;font-size:16px;letter-spacing:-.3px;line-height:1.4}.mya #mya-panel .mya-learning-card>header p{margin:4px 0 0;font-size:12px;line-height:1.5}

.mya-format-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#2dbbc512;color:var(--ac-link);flex:none}.mya .mya-learning-audio audio{display:block;flex:1;min-width:0;width:100%;margin:0;min-height:44px}

.mya-learning-read{padding-top:12px}.mya-learning-read>header{padding:0 0 20px;border-bottom:1px solid var(--ac-line)}.mya-learning-read>header p{display:none}

.mya-lesson-text{max-width:740px;margin:auto;padding:8px 0 30px;font-size:16px;line-height:1.85;overflow-wrap:anywhere}.mya #mya-panel .mya-lesson-text h3{font-size:20px;line-height:1.4;margin:32px 0 14px;letter-spacing:-.3px}.mya #mya-panel .mya-lesson-text p{margin:16px 0}.mya-lesson-text li{margin:8px 0}

.mya .mya-lesson-jumps [data-view]:not([data-view=practice]){background:transparent;color:var(--ac-muted);border-color:transparent}.mya .mya-lesson-jumps button[aria-pressed=true]{color:var(--ac-link);background:var(--ac-soft);box-shadow:none}.mya .mya-lesson-jumps button:hover{color:var(--ac-link);background:var(--ac-soft)}

.mya-next-step{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--ac-line);padding:26px 0 10px}.mya #mya-panel .mya-next-step h3{margin:0;font-size:20px;letter-spacing:-.4px}.mya #mya-panel .mya-next-step p{font-size:13px;margin:8px 0}.mya .mya-next-step button{background:var(--ac-accent);color:white;flex-shrink:0}.mya-practice-examples{margin-top:20px}.mya-content{padding-bottom:90px}

@media(max-width:760px){.mya-learning-grid{gap:20px}.mya-learning-audio{flex-direction:column;align-items:stretch;gap:14px;padding:16px}.mya-learning-read{padding-top:4px}.mya-lesson-text{font-size:15px}.mya-next-step{align-items:stretch;flex-direction:column}.mya .mya-lesson-jumps button{flex:1 1 auto}.mya-learning-card{scroll-margin-top:90px}}

@media print{.mya-learning-video,.mya-learning-audio{display:none}.mya-learning-grid{display:block}.mya-learning-read{border:0;box-shadow:none}.mya-lesson-text{max-width:none;padding:0}}

.mya-jarvis-summary,.mya-coach{border:1px solid var(--tenant-border,#cfdee9);border-radius:20px;margin:20px 0;background:var(--tenant-surface,#fff);overflow:hidden}

.mya-jarvis-summary{border-color:#6bbdc466;background:linear-gradient(115deg,#3bc8d510,#8d68e516),var(--tenant-surface,#fff)}

.mya-jarvis-summary summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:18px;list-style:none}.mya-jarvis-summary summary img,.mya-coach header>img{width:44px;height:44px;border-radius:50%;box-shadow:0 0 0 3px #34c9dc25;object-fit:cover}.mya-jarvis-summary summary small{margin-left:auto;color:var(--tenant-muted,#61788b);font-size:11px}.mya-jarvis-summary>div{padding:0 20px 20px}.mya-jarvis-summary li{margin:8px 0}.mya-jarvis-summary>div>small{display:block;opacity:.75;font-size:10px}

.mya-coach{padding:22px;background:linear-gradient(135deg,#b998ff10,#39cadd10),var(--tenant-surface,#fff)}.mya-coach header{display:flex;gap:14px;align-items:center;margin-bottom:20px}.mya-coach header h3{margin:0;font-size:20px!important}.mya-coach header p{margin:5px 0 0;font-size:12px;color:var(--tenant-muted,#61788b)}.mya-coach form{display:grid;gap:12px}.mya-coach label{font-size:12px;font-weight:700}.mya-coach textarea{box-sizing:border-box;width:100%;min-height:110px;border-radius:14px;border:1px solid var(--tenant-border,#cfdee9);background:var(--tenant-surface,#fff);color:var(--tenant-text,#17334a);padding:14px;font:inherit;resize:vertical}.mya-coach form>button{justify-self:start;background:linear-gradient(105deg,#6454cf,#0086a2);color:#fff;border:0;min-height:44px}.mya-coach-answer:empty{display:none}.mya-coach-answer{margin-top:20px;border-top:1px solid var(--tenant-border,#cfdee9);padding-top:20px}.mya-coach-answer h4{margin-bottom:9px}.mya-coach-answer blockquote{margin:8px 0 20px;padding:18px;border-left:3px solid #27b5c8;border-radius:0 14px 14px 0;background:#2ba7c512;font-size:17px;line-height:1.6}.mya-coach-answer>small{display:block;margin-top:12px;opacity:.75;font-size:10px}.mya .mya-coach-source{font-size:11px;text-align:left;white-space:normal;line-height:1.5;min-height:44px}

.mya .mya-quiz-dialog{padding:0;margin:auto;width:min(920px,calc(100vw - 32px));max-width:none;height:min(880px,92dvh);max-height:none;border:1px solid var(--tenant-border,#cbdce9);border-radius:24px;background:var(--tenant-surface,#fff);color:var(--tenant-text,#17334a);box-shadow:0 30px 100px #00172f66;overflow:hidden}.mya .mya-quiz-dialog[open]{display:flex;flex-direction:column;animation:mya-arrive .2s both}.mya .mya-quiz-dialog::backdrop{background:#001423bb;backdrop-filter:blur(8px)}.mya-quiz-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 26px;border-bottom:1px solid var(--tenant-border,#cbdce9);background:linear-gradient(110deg,#37c7d512,#936be51a)}.mya-quiz-header .mya-eyebrow{margin:0 0 4px;font-size:9px}.mya .mya-quiz-header h2{font-size:24px!important;margin:0}.mya-quiz-header #mya-quiz-progress{margin:7px 0 0;font-size:12px}.mya #mya-quiz-close{display:grid;place-items:center;padding:10px;flex:0 0 44px;width:44px;height:44px;border-radius:50%;color:inherit;background:var(--tenant-surface,#fff);border:1px solid var(--tenant-border,#cbdce9)}#mya-quiz-close svg{width:20px;height:20px}.mya-quiz-scroll{overflow-y:auto;min-height:0;padding:24px;overscroll-behavior:contain;flex:1}.mya .mya-quiz-dialog fieldset{border:1px solid var(--tenant-border,#cbdce9);border-radius:16px;padding:16px;margin:0 0 20px;min-width:0}.mya .mya-quiz-dialog legend{font-size:16px;font-weight:700;padding:0 5px;line-height:1.5}.mya .mya-quiz-dialog label{display:flex;gap:12px;align-items:flex-start;min-height:44px;box-sizing:border-box;padding:13px;margin:8px 0;border-radius:12px;border:1px solid var(--tenant-border,#cbdce9);cursor:pointer}.mya .mya-quiz-dialog label:has(input:checked){border-color:#7f61e4;background:#8968df18}.mya .mya-quiz-dialog input[type=radio]{margin-top:3px;accent-color:#7251d5;flex:0 0 auto}.mya .mya-quiz-dialog .mya-submit{min-height:48px;width:100%;background:linear-gradient(110deg,#6753cb,#0087a4);color:#fff;border:0}.mya .mya-quiz-dialog>footer{padding:12px 24px;font-size:11px;line-height:1.5;border-top:1px solid var(--tenant-border,#cbdce9);color:var(--tenant-muted,#61788b)}#mya-quiz-error{padding:12px;border-radius:10px;background:#dc35451a;border:1px solid #dc3545;color:inherit}body:has(#mya-quiz[open]){overflow:hidden}

@media(max-width:600px){.mya .mya-quiz-dialog{inset:0;margin:0;width:100vw;height:100dvh;border:0;border-radius:0}.mya-quiz-header{padding:16px}.mya-quiz-scroll{padding:18px 14px}.mya .mya-quiz-header h2{font-size:20px!important}.mya .mya-quiz-dialog>footer{padding:10px 16px max(10px,env(safe-area-inset-bottom))}.mya-coach{padding:18px}.mya-coach header{align-items:flex-start}.mya-coach header h3{font-size:19px!important}.mya-jarvis-summary summary{gap:9px;padding:15px}.mya-jarvis-summary summary small{font-size:9px}.mya-jarvis-summary summary img{width:36px;height:36px}}

@media(prefers-reduced-motion:reduce){.mya .mya-quiz-dialog[open]{animation:none}}

.mya #mya-quiz-close{width:auto;min-width:64px;flex-basis:auto;border-radius:12px;font-size:12px;font-weight:700}



/* Brief belongs to the reading flow, not a nested panel. */

.mya #mya-panel .mya-learning-read .mya-jarvis-summary{margin:22px 0 28px;border:0;border-left:3px solid #25b9b2;border-radius:0 14px 14px 0;background:linear-gradient(110deg,#59dfbd12,#4cb6e512);box-shadow:none}

.mya #mya-panel .mya-jarvis-summary summary{padding:18px 20px;background:none;border:0}.mya-learning-read .mya-jarvis-summary>div{padding:0 20px 20px}.mya-learning-read .mya-jarvis-summary ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:14px 0 0;padding:0}.mya #mya-panel .mya-jarvis-summary li{margin:0;padding:6px 10px;border:0;border-radius:8px;background:#28b7ac13;font-size:12px;line-height:1.5}.mya-learning-read .mya-jarvis-summary summary small{color:var(--ac-link);text-transform:uppercase;font-size:9px;letter-spacing:.08em}.mya #mya-panel .mya-jarvis-summary p{font-size:15px;line-height:1.75;margin:0 0 12px}.mya-learning-read .mya-jarvis-summary summary strong{font-size:15px}

@media(max-width:600px){.mya #mya-panel .mya-jarvis-summary summary{padding:16px 14px;flex-wrap:wrap}.mya-learning-read .mya-jarvis-summary>div{padding:0 14px 18px}}



.mya[data-academy] .mya-content #mya-title{font-size:clamp(26px,3vw,38px);line-height:1.2;letter-spacing:-1px;margin:10px 0 24px}.mya .mya-coach{scroll-margin-top:110px}


/* Academy layout integration with the shared MyMEX heading component. */
html body .mya .mya-intro.mx-admin-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);align-items:center;gap:24px;min-height:0}
.mya[data-stage=lesson] .mya-intro.mx-admin-heading{display:none}
.mya .mya-intro .mya-hero-copy{grid-column:1;grid-row:1;padding:0;max-width:none;min-width:0}
.mya .mya-intro .mya-hero-art{position:relative;inset:auto;grid-column:2;grid-row:1;z-index:auto;overflow:hidden;border-radius:12px;align-self:center;border:1px solid var(--mx-heading-panel-line);background:var(--mx-heading-panel)}
.mya .mya-intro .mya-hero-art>img{position:static;display:block;right:auto;width:100%;height:auto;object-fit:contain;object-position:center;opacity:1;animation:none;clip-path:none}
.mya .mya-intro .mya-hero-art:after,.mya .mya-intro .mya-orbit{display:none}
.mya .mya-intro .mya-art-label{position:static;max-width:none;padding:10px 12px;border:0;border-radius:0;background:var(--mx-heading-panel);font-size:11px;line-height:1.5;animation:none}
html body .mya .mya-intro h1{margin:6px 0 12px!important;letter-spacing:-.03em;line-height:1.35!important}
html body .mya .mya-intro h1 em{display:inline;position:static;background:none;-webkit-text-fill-color:currentColor;font:inherit;letter-spacing:inherit;animation:none}
.mya .mya-intro .mya-eyebrow{font-size:10px;line-height:1.5;letter-spacing:.08em;margin:0}
.mya .mya-intro .mya-hero-copy>p:not(.mya-eyebrow){font-size:13px;line-height:1.65;margin:0 0 18px}
.mya .mya-intro #mya-start{background:var(--mx-heading-panel);border-color:var(--mx-heading-panel-line);color:var(--mx-heading-ink);font-size:12px;font-weight:500;box-shadow:none;gap:18px}
.mya .mya-intro .mya-summary{max-width:none;grid-template-columns:minmax(0,1fr) 64px;gap:10px 16px;margin-top:18px}
.mya .mya-summary #mya-progress{grid-column:1;grid-row:1;font-size:12px;line-height:1.6;font-weight:400;overflow-wrap:anywhere}
.mya .mya-summary .mymex-training-progress.is-hero{grid-column:2;grid-row:1 / span 2;width:64px;height:64px;margin:0;align-self:center}
.mya .mya-summary .mymex-training-number{font-size:18px;line-height:1}.mya .mya-summary .mymex-training-number small{font-size:10px}
.mya .mya-summary #mya-summary-action{grid-column:1;grid-row:2;font-size:12px;line-height:1.6;min-height:44px;display:flex;align-items:center;text-decoration:underline;color:var(--mx-heading-accent)}
/* Keep badges away from text embedded in the course's original artwork. */
.mya .mya-module-art{padding:0 0 40px;aspect-ratio:auto;background:var(--ac-soft)}
.mya .mya-module-art:after{display:none}.mya .mya-module-art>img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain;transform:none;filter:none;background:#071b2c}
.mya .mya-module-index{top:auto;bottom:6px;left:12px;width:28px;height:28px;background:var(--ac-surface);border-color:var(--ac-line);color:var(--ac-ink);font-size:11px;font-weight:500;backdrop-filter:none}
.mya .mya-module .mya-card-play{top:auto;right:12px;bottom:6px;left:auto;width:28px;height:28px;font-size:17px;background:var(--ac-surface);border-color:var(--ac-line);color:var(--ac-link);box-shadow:none;transform:none}
.mya .mya-module[data-status=locked] .mya-module-art{min-height:170px;background:var(--ac-soft)}
.mya .mya-module-copy>small{font-size:10px;font-weight:500;letter-spacing:.08em}.mya .mya-module-copy>strong{font-weight:600}.mya .mya-card-status{font-size:12px;line-height:1.6}
.mya .mya-curriculum-heading h2,.mya .mya-content #mya-title{font-size:22px;font-weight:600;line-height:1.35;letter-spacing:-.03em}.mya .mya-curriculum-heading>p,.mya .mya-help{font-size:12px;line-height:1.65}
.mya .mya-quiz-header{flex-shrink:0;min-width:0;color:var(--mx-heading-ink,var(--ac-ink))!important}.mya .mya-quiz-header>div{min-width:0}.mya .mya-quiz-header h2{font-size:20px!important;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.mya .mya-quiz-header #mya-quiz-progress{font-size:12px;line-height:1.5}.mya #mya-quiz-close{color:var(--mx-heading-ink,var(--ac-ink));min-width:64px;min-height:44px;font-weight:400;flex-shrink:0}
.mya .mya-quiz-dialog legend{font-size:14px;font-weight:600;overflow-wrap:anywhere}.mya .mya-quiz-dialog label{font-size:14px;line-height:1.6}.mya .mya-quiz-dialog label span{min-width:0;overflow-wrap:anywhere}
.mya .mya-quiz-dialog>footer{flex-shrink:0}.mya .mya-quiz-dialog .mya-quiz-scroll{scrollbar-gutter:stable}
.mya #mya-revoke{padding:0}.mya .mya-revoke-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.mya .mya-revoke-header h2{min-width:0;white-space:normal;overflow-wrap:anywhere;flex:1;margin:0;font-size:20px;font-weight:600;line-height:1.35}.mya .mya-revoke-body{padding:20px 24px}.mya #mya-revoke .mya-actions button{font-size:12px;font-weight:400;min-height:44px}.mya #mya-revoke-cancel{color:var(--mx-heading-ink,var(--ac-ink));min-height:44px;flex-shrink:0}
@media(max-width:760px){html body .mya .mya-intro.mx-admin-heading{grid-template-columns:minmax(0,1fr);gap:18px}.mya .mya-intro .mya-hero-copy{grid-row:1;grid-column:1}.mya .mya-intro .mya-hero-art{grid-row:2;grid-column:1;width:100%;max-width:480px;justify-self:center}.mya .mya-intro h1{max-width:none;margin-top:6px!important}.mya .mya-summary #mya-progress{font-size:12px}.mya .mya-curriculum-heading h2,.mya .mya-content #mya-title{font-size:20px}.mya .mya-module-copy>small{font-size:10px}.mya .mya-card-status{font-size:12px}}
@media(prefers-reduced-motion:reduce){.mya .mya-module:hover{transform:none}.mya .mya-module:hover .mya-module-art>img{transform:none}}

/* Motoring Excellence course palette; shared MyMEX component geometry and motion. */
html body .mya{--ac-surface:#fff;--ac-ink:#202124;--ac-muted:#5c6068;--ac-line:#dedfe3;--ac-soft:#f3f4f6;--ac-accent:#c52434;--ac-link:#b11f2d;--ac-shadow:0 12px 35px #0000000d;--tenant-surface:var(--ac-surface);--tenant-text:var(--ac-ink);--tenant-muted:var(--ac-muted);--tenant-border:var(--ac-line);--tenant-accent:var(--ac-accent)}
html[data-mymex-theme=dark] body .mya{--ac-surface:#0c2033;--ac-ink:#f1f5f9;--ac-muted:#b9c9d6;--ac-line:#2a465d;--ac-soft:#102b42;--ac-accent:#df3546;--ac-link:#f17b86;--ac-shadow:0 12px 35px #0003}
html body .mya .mx-admin-heading{--mx-heading-ink:#202124;--mx-heading-muted:#5c6068;--mx-heading-accent:#b11f2d;--mx-heading-network:#c52434;--mx-heading-network-opacity:.32;--mx-heading-panel:#fff;--mx-heading-panel-line:#dedfe3;background:linear-gradient(115deg,#fff,#fafbfc)!important;border-color:#dedfe3!important;box-shadow:0 12px 32px #17191d08,inset 0 1px 0 #fff!important}
html[data-mymex-theme=dark] body .mya .mx-admin-heading{--mx-heading-ink:#f1f5f9;--mx-heading-muted:#b9c9d6;--mx-heading-accent:#ff9ca6;--mx-heading-network:#df5361;--mx-heading-network-opacity:.35;--mx-heading-panel:#091c2e;--mx-heading-panel-line:#2a465d;background:linear-gradient(115deg,#091b2d,#102d43)!important;border-color:#2a465d!important;box-shadow:0 14px 36px #00000024,inset 0 1px 0 #ffffff05!important}
html body .mya .mx-admin-heading::after{background:radial-gradient(ellipse at 95% 0%,#ffffff08,transparent 60%)}
html body .mya .mx-admin-heading[data-heading-styled="1"] h1{color:var(--mx-heading-ink)!important}
html body .mya button{font-weight:400;border-radius:10px;min-height:44px;box-shadow:none}
html body .mya :is(#mya-start,#mya-begin,.mya-submit,.mya-next-step button,.mya-coach form>button,#mya-revoke button[type=submit]){background:#c52434;border:1px solid #c52434;color:#fff;font-size:12px;font-weight:400;line-height:1.5;border-radius:10px;min-height:44px;padding:11px 16px;box-shadow:none}
html body .mya :is(#mya-start,#mya-begin,.mya-submit,.mya-next-step button,.mya-coach form>button,#mya-revoke button[type=submit]):hover:not(:disabled){background:#aa1c2a;border-color:#aa1c2a;transform:translateY(-1px);box-shadow:0 4px 12px #c524341a}
html body .mya button:disabled{opacity:1;background:var(--ac-soft);border-color:var(--ac-line);color:var(--ac-muted);cursor:not-allowed;box-shadow:none}
html body .mya :is(button,a,summary,input,textarea):focus-visible{outline:2px solid var(--ac-accent);outline-offset:3px}
html body .mya .mya-module:not(:disabled):hover{border-color:var(--ac-accent);box-shadow:0 8px 22px #00000012;transform:translateY(-2px)}
html body .mya .mya-module:hover .mya-card-play{background:var(--ac-surface);border-color:var(--ac-accent);color:var(--ac-link);box-shadow:none;transform:none}
html body .mya :is(.mya-learning-audio,.mya-jarvis-summary,.mya-coach){background:var(--ac-soft);border-color:var(--ac-line);color:var(--ac-ink)}
html body .mya .mya-jarvis-summary{border-left:3px solid var(--ac-accent)}
html body .mya .mya-jarvis-summary summary{background:var(--ac-soft);color:var(--ac-ink)}
html body .mya .mya-format-icon{background:var(--ac-surface);color:var(--ac-link)}
html body .mya :is(.mya-jarvis-summary summary img,.mya-coach header>img){box-shadow:0 0 0 3px #c524341a}
html body .mya .mya-coach-answer blockquote{background:var(--ac-soft);border-left-color:var(--ac-accent);color:var(--ac-ink)}
html body .mya .mya-quiz-dialog label:has(input:checked){border-color:var(--ac-accent);background:var(--ac-soft)}
html body .mya input[type=radio]{accent-color:var(--ac-accent)}
html body .mya .mya-quiz-dialog::backdrop,html body .mya #mya-revoke::backdrop{background:#000a}
html body .mya .mymex-training-progress{--training-color:var(--ac-accent)}
html body .mya .mya-module-art>img{background:#171717}
html body .mya .mya-intro .mya-hero-copy>p:not(.mya-eyebrow){max-width:65ch}

.mya .mya-training-enquiry{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;border:1px solid #c52434;border-radius:10px;background:#c52434;color:#fff!important;font-size:12px;font-weight:400;line-height:1.5;text-decoration:none;gap:8px}
.mya .mya-training-enquiry:hover{background:#aa1c2a;border-color:#aa1c2a}.mya-public-course .mya-intro{margin-top:20px}.mya-public-course .mya-hero-art{margin:0}.mya-public-course .mya-team h2{font-size:20px;font-weight:600;line-height:1.4}.mya-training-curriculum{padding-left:26px;columns:2;column-gap:36px;line-height:1.7}.mya-training-curriculum li{padding:10px 4px;break-inside:avoid}.mya-training-curriculum li::marker{color:var(--ac-link);font-weight:600}.mya-training-faq{padding:14px 0;border-top:1px solid var(--ac-line)}.mya-training-faq summary{cursor:pointer;line-height:1.6;font-weight:500}.mya-public-course .mymex-seo-breadcrumbs{color:var(--ac-muted)}@media(max-width:760px){.mya-training-curriculum{columns:1}.mya .mya-training-enquiry{max-width:100%;white-space:normal;text-align:center}}

html body .mya .mya-live-dot{background:var(--ac-accent);box-shadow:0 0 0 4px #c5243412}html body .mya nav .mya-module[aria-current=true]{border-color:var(--ac-accent);box-shadow:0 0 0 1px var(--ac-accent)}

html body .mya #mya-all-lessons{min-height:44px;font-size:12px}html body .mya :is(#mya-start,#mya-begin,.mya-submit,.mya-next-step button,.mya-coach form>button,#mya-revoke button[type=submit]):disabled{background:var(--ac-soft);border-color:var(--ac-line);color:var(--ac-muted);opacity:1;cursor:not-allowed;box-shadow:none}

html body .mya .mya-lesson-jumps button,html body .mya #mya-quiz-close{border-radius:10px}

html body .mya .mya-curriculum-heading .mya-eyebrow{color:var(--ac-muted)!important}

/* Show the existing saved-progress guidance and the next practical learning goal. */
html body .mya .mya-summary #mya-next{display:block;grid-column:1;grid-row:2;margin:0;font-size:12px;line-height:1.6;color:var(--mx-heading-muted)!important}
html body .mya .mya-summary #mya-summary-action{grid-row:3}
html body .mya .mya-summary .mymex-training-progress.is-hero{grid-row:1 / span 3}
html body .mya .mya-learning-goal{padding:12px 16px;margin:0 0 18px;border-left:3px solid var(--ac-accent);border-radius:0 10px 10px 0;background:var(--ac-soft);color:var(--ac-ink);font-size:13px;line-height:1.65}
html body .mya .mya-result{max-width:760px;margin:auto;padding:20px}
html body .mya .mya-result h3{font-size:22px;line-height:1.4;color:var(--ac-ink)}
html body .mya .mya-result :is(p,li){font-size:14px;line-height:1.7;color:var(--ac-muted)}
html body .mya .mya-result button{margin:8px 12px 0 0;min-height:44px;border-radius:10px;font-size:12px}
html body .mya .mya-result a{display:inline-flex;align-items:center;min-height:44px;margin:8px 12px 0 0;font-size:13px}
@media(max-width:600px){html body .mya .mya-result{padding:16px}}