/* Shared presentation layer. Content, routing and behavior remain unchanged. */
:root{--course-text-size:16px}
html body[data-screen="module"] #app #main#main .encargo-real-photo{margin:16px 0!important;max-width:100%;border:1px solid #d6e8f7;border-radius:8px;overflow:hidden;background:#fff}
html body[data-screen="module"] #app #main#main .encargo-real-photo img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain}
html body[data-screen="module"] #app #main#main .encargo-real-photo figcaption{padding:12px;font:400 16px/1.5 var(--font-learning);color:#355575}
html body[data-screen="module"] #app #main#main .encargo-detail{border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
html body[data-screen="module"] #app #main#main .encargo-detail .oficio-task{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body[data-screen="module"] #app #main#main .encargo-detail .oficio-task-head{display:grid!important;grid-template-columns:64px minmax(0,1fr) 140px auto!important;gap:18px!important;align-items:center!important;padding:24px!important;background:#f5fbff!important;border:1px solid #d6e8f7!important;border-radius:8px!important;margin-bottom:18px!important}
html body[data-screen="module"] #app #main#main .encargo-detail .oficio-task-symbol{display:grid!important;place-items:center;width:64px!important;height:64px!important;border-radius:50%;background:#deefff;color:#0877d4}
html body[data-screen="module"] #app #main#main .encargo-detail .oficio-task-title h5{font:700 24px/1.4 var(--font-identity)!important;color:#093b76!important;margin:8px 0!important}
html body[data-screen="module"] #app #main#main .encargo-detail-art{display:block;width:140px;height:100px;object-fit:contain}
html body[data-screen="module"] #app #main#main .encargo-detail :is(.encargo-brief,.encargo-response){padding:20px!important;margin:18px 0!important;background:#fff!important;border:1px solid #d6e8f7!important;border-radius:8px!important}
html body[data-screen="module"] #app #main#main .encargo-detail .encargo-step-title{display:flex!important;align-items:center;gap:16px;padding:12px!important;margin:0 0 18px!important;border:0!important;border-radius:8px;background:#e9f8f3!important;color:#046456!important;font:700 22px/1.4 var(--font-identity)!important}
html body[data-screen="module"] #app #main#main .encargo-detail .encargo-step-title>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;background:#00a88c;color:white;border-radius:50%;font-weight:700}
html body[data-screen="module"] #app #main#main .encargo-detail .encargo-response .encargo-step-title{background:#f3edff!important;color:#7037bf!important}
html body[data-screen="module"] #app #main#main .encargo-detail .encargo-response .encargo-step-title>span{background:#8953db}
html body[data-screen="module"] #app #main#main .encargo-detail .encargo-main-action{display:flex;align-items:flex-start;gap:16px;padding:18px!important;background:#edf5ff!important;border:0!important;border-left:3px solid #79aff1!important;border-radius:8px;margin-block:18px}
html body[data-screen="module"] #app #main#main .encargo-section-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;background:#dcecff;border-radius:50%;color:#0877d4}
html body[data-screen="module"] #app #main#main .encargo-detail .encargo-brief>p{margin-block:18px!important;max-width:none!important}
html body[data-screen="module"] #app #main#main .encargo-detail details{margin-block:10px!important;border:1px solid #d1e5ff!important;border-radius:8px;padding:0!important;overflow:visible}
html body[data-screen="module"] #app #main#main .encargo-detail summary{padding:14px 16px!important;background:#f7fbff;color:#124173;font-weight:600}
html body[data-screen="module"] #app #main#main .encargo-detail details>:not(summary){margin:16px!important}
html body[data-screen="module"] #app #main#main .encargo-detail .encargo-brief ol{padding:18px 18px 18px 44px!important;background:#f0faf7!important;border:1px solid #d3ece3!important;border-radius:8px}
html body[data-screen="module"] #app #main#main .encargo-detail .encargo-brief li{padding-block:8px}
html body[data-screen="module"] #app #main#main .encargo-detail textarea:not([hidden]){min-height:160px!important;background:#fff!important;border:1px solid #92bff1!important;border-radius:8px!important;padding:16px!important}
html body[data-screen="module"] #app #main#main .encargo-detail .encargo-meter{text-align:right!important;margin-block:12px!important}
html body[data-screen="module"] #app #main#main .encargo-detail .oficio-register{background:#0878df!important;color:white!important;padding:12px 20px!important;border-radius:8px!important;min-height:44px}
@media(max-width:800px){html body[data-screen="module"] #app #main#main .encargo-detail .oficio-task-head{grid-template-columns:48px minmax(0,1fr)!important;padding:16px!important;gap:12px!important}html body[data-screen="module"] #app #main#main .encargo-detail-art{grid-column:1;height:64px;width:48px}html body[data-screen="module"] #app #main#main .encargo-detail [data-encargo-close]{justify-self:end}html body[data-screen="module"] #app #main#main .encargo-detail .oficio-task-title h5{font-size:21px!important}html body[data-screen="module"] #app #main#main .encargo-detail :is(.encargo-brief,.encargo-response){padding:14px!important}}
html body[data-screen="module"] #app #main#main .seccion-encargos :is(p,small,span,label,summary,button,input,textarea,li,em){font-family:var(--font-learning)!important;font-size:var(--course-text-size)!important;letter-spacing:0!important}
html body[data-screen="module"] #app #main#main .seccion-encargos :is(h3,h4,h5){font-family:var(--font-identity)!important;line-height:1.4!important}
html body[data-screen="module"] #app #main#main .encargo-card-photo img{width:100%!important;height:100%!important;object-fit:contain!important;image-rendering:auto}
html body[data-screen="module"] #app #main#main #scene-form .scene-save-notice .scene-evidence-entry{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;margin:16px 0!important;padding:16px!important;border:1px solid #efc568!important;background:#fff8e8!important;border-radius:8px!important}
html body[data-screen="module"] #app #main#main #scene-form #scene-evidence-text{display:block!important;width:100%!important;min-height:180px!important;height:auto!important;max-height:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;background:#fff!important;color:#153c61!important;resize:vertical!important}
html body[data-screen="module"] #app #main#main .work-card{
 height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;
 display:flex!important;align-items:flex-start!important;gap:14px!important;padding:18px!important;box-sizing:border-box;
}
html body[data-screen="module"] #app #main#main .work-card>div{flex:1;min-width:0;width:auto!important;height:auto!important;max-height:none!important;overflow:visible!important}
html body[data-screen="module"] #app #main#main .work-card :is(p,small,h3){height:auto!important;max-height:none!important;overflow:visible!important;white-space:normal!important;overflow-wrap:break-word;-webkit-line-clamp:unset!important;display:block!important}
html body[data-screen="module"] #app #main#main .work-card>.work-ico{flex-shrink:0!important}
html body[data-screen="module"] #app #main#main .case-question-banner{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;align-items:center!important;gap:18px!important;padding:18px 20px!important;background:#eef7ff!important;border:1px solid #c8dff4!important;border-left:4px solid #1684cc!important;border-radius:8px!important}
html body[data-screen="module"] #app #main#main .case-question-number{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:76px!important;min-height:76px!important;padding:8px!important;box-sizing:border-box;background:#096db8!important;color:#fff!important;border-radius:8px!important}
html body[data-screen="module"] #app #main#main .case-question-number small{font-size:12px!important;line-height:1.4!important;color:#fff!important}
html body[data-screen="module"] #app #main#main .case-question-number b{font-size:28px!important;line-height:1.2!important;color:#fff!important}
html body[data-screen="module"] #app #main#main .case-question-banner .eyebrow{font:600 14px/1.5 var(--font-learning)!important;color:#355b7a!important;display:block;margin-bottom:6px!important;letter-spacing:0!important}
html body[data-screen="module"] #app #main#main .case-question-banner h3{font:700 22px/1.4 var(--font-identity)!important;color:#12395f!important;margin:0!important;overflow-wrap:anywhere}
html body[data-screen="module"] #app #main#main .case-question-banner .tp-meaning-icon{display:inline-grid!important;place-items:center!important;vertical-align:middle!important;width:32px!important;height:32px!important;margin-right:10px!important;background:#dceeff!important;background-image:none!important;border:0!important;box-shadow:none!important;color:#0878bd!important}
html body[data-screen="module"] #app #main#main .case-question-banner .tp-meaning-icon svg{width:22px!important;height:22px!important}
@media(max-width:650px){html body[data-screen="module"] #app #main#main .case-question-banner{grid-template-columns:64px minmax(0,1fr)!important;padding:12px!important;gap:12px!important}html body[data-screen="module"] #app #main#main .case-question-number{width:64px!important}html body[data-screen="module"] #app #main#main .case-question-banner h3{font-size:20px!important}}
html body[data-screen="module"] #app #main#main :is(p,li,dd,blockquote,.act-contract em,.option-text){text-align:justify!important;text-align-last:start;overflow-wrap:break-word}
html body[data-screen="module"] #app #main#main .act-contract{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:12px!important;margin-block:16px!important;align-items:stretch!important}
html body[data-screen="module"] #app #main#main .act-contract>:is(div,p){display:flex!important;flex-direction:row!important;align-items:flex-start!important;grid-column:span 4!important;min-height:46px!important;padding:16px!important;gap:12px!important;height:auto!important;margin:0!important;border-radius:8px!important;box-sizing:border-box}
html body[data-screen="module"] #app #main#main .act-contract>.act-contract-action,
html body[data-screen="module"] #app #main#main .act-contract>.act-contract-start{grid-column:span 3!important}
html body[data-screen="module"] #app #main#main .act-contract>.act-contract-object{grid-column:span 6!important}
html body[data-screen="module"] #app #main#main .act-contract>p{grid-column:1/-1!important}
html body[data-screen="module"] #app #main#main .act-contract b{margin-bottom:6px!important}
@media(max-width:900px){html body[data-screen="module"] #app #main#main .act-contract>:is(div,p){grid-column:span 6!important}html body[data-screen="module"] #app #main#main .act-contract>.act-contract-object,html body[data-screen="module"] #app #main#main .act-contract>p{grid-column:1/-1!important}}
@media(max-width:600px){html body[data-screen="module"] #app #main#main .act-contract>:is(div,p){grid-column:1/-1!important}}
html body[data-screen="module"] #app #main#main .act-contract>:is(div,p)>i{width:32px!important;height:32px!important;flex:0 0 32px!important}
html body[data-screen="module"] #app #main#main .act-contract svg{width:20px!important;height:20px!important}
html body[data-screen="module"] #app #main#main .act-contract em{margin-top:4px!important;line-height:1.5!important}
/* Keep instructional copy and controls consistent without flattening headings. */
html body[data-screen="module"] #app #main#main :is(p,small,label,legend,summary,button,input,textarea,select,li,td,th,dd,dt,a,blockquote,span,em,b,strong):not(:is(h1,h2,h3,h4,h5,h6) *):not(:is(.av2-mod-title,.av2-card-head,.lr-name,.header-station,.eyebrow,.sequence-station-heading>small,.context-station-heading>small)){
 font-family:var(--font-learning)!important;font-size:var(--course-text-size)!important;letter-spacing:0!important;
}
html body[data-screen="module"] #app #main#main :is(p,label,legend,li,td,th,dd,dt,blockquote){line-height:1.6!important}
html body[data-screen="module"] #app #main#main :is(input,textarea)::placeholder{font-family:var(--font-learning)!important;font-size:var(--course-text-size)!important}
/* Station wrappers are unframed so their content shares the page boundary. */
html body[data-screen="module"] #app #main .module-main.module-main{width:100%!important;max-width:none!important;min-width:0;margin-inline:0!important}
html body[data-screen="module"] #app #main .station-body.station-body{
 width:100%!important;max-width:none!important;margin-inline:0!important;
 padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;
}
html body[data-screen="module"] #app #main .station-body.station-body>:is(.work-zone,.learning-sequence,.context-sequence,.activity-primer){
 width:100%!important;max-width:none!important;margin-inline:0!important;box-sizing:border-box;
}
html body[data-screen="module"] #app #main :is(.context-sequence,.learning-sequence){padding-inline:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body[data-screen="module"] #app #main :is(.sequence-station-heading,.context-station-heading,.sequence-instruction,.context-activity-heading,.station-instructions){box-sizing:border-box;width:100%!important;max-width:none!important;margin-inline:0!important}
@media(min-width:1051px){
 html body[data-screen="module"] #app #main .avance-strip.avance-strip.avance-strip>:is(.av2-ident,.av2-card){min-height:146px!important;padding-block:8px!important}
 html body[data-screen="module"] #app #main .avance-strip.avance-strip.avance-strip .av2-mod-title{font-size:18px!important;line-height:1.35!important}
 html body[data-screen="module"] #app #main .avance-strip.avance-strip.avance-strip .av2-card-head{margin-bottom:4px!important}
 html body[data-screen="module"] #app #main .avance-strip.avance-strip.avance-strip .av2-book{width:48px!important;height:48px!important;flex-basis:48px!important}
 html body[data-screen="module"] #app #main .avance-strip.avance-strip.avance-strip .av2-value{font-size:30px!important}
 html body[data-screen="module"] #app #main .avance-strip.avance-strip.avance-strip .av2-bar{height:10px!important;margin-block:2px!important}
 html body[data-screen="module"] #app #main .avance-strip.avance-strip.avance-strip>.av2-ident{padding-right:76px!important;gap:12px!important}
 html body[data-screen="module"] #app #main .avance-strip.avance-strip.avance-strip>.av2-ident::after{width:52px!important;height:64px!important;top:calc(50% - 32px)!important}
 html body[data-screen="module"] #app #main .lr-head.lr-head-compact.lr-head-compact{padding-block:8px!important;min-height:122px!important}
 html body[data-screen="module"] #app #main .lr-head-compact .lr-progress{row-gap:4px!important}
 html body[data-screen="module"] #app #main .lr-head-compact .lr-completion-bar{height:12px!important;min-height:12px!important;margin-block:4px!important}
 html body[data-screen="module"] #app #main .lr-head-compact .lr-progress-heading strong{font-size:30px!important}
 html body[data-screen="module"] #app #main .lr-head-compact .lr-head-compact-copy h2{margin-block:4px!important}
 html body[data-screen="module"] #app #main .lr-head-compact .lr-head-compact-copy>small{padding-block:3px!important}
 html body[data-screen="module"] #app #main .lr-head-compact .lr-progress>small{padding-block:4px!important}
}
html body[data-screen="module"] #app #main .avance-strip.avance-strip,
html body[data-screen="module"] #app #main .lr-head.lr-head-compact{
 width:100%!important;max-width:none!important;
 margin-inline:0!important;box-sizing:border-box!important;
}
html body[data-screen="module"] #app #main .route-panel.lr{
 padding-inline:0!important;
}
:root{
 --simulator-page-width:1440px;
 --simulator-page-gutter:24px;
 --aula-depth-rest:inset 0 1px 0 #ffffffc9,0 2px 4px #174b7010,0 6px 16px #174b700b;
 --aula-depth-hover:inset 0 1px 0 #fff,0 5px 12px #174b7018,0 0 0 3px #51a8ce12;
 --aula-depth-pressed:inset 0 2px 4px #174b7018,0 1px 3px #174b7010;
 --aula-motion:190ms cubic-bezier(.2,.7,.2,1);
}
/* One page boundary across every course and station, including legacy layouts. */
html body[data-screen="module"] #app #main{
 box-sizing:border-box!important;width:100%!important;max-width:var(--simulator-page-width)!important;
 margin-inline:auto!important;padding:20px var(--simulator-page-gutter)!important;
 font-family:var(--font-learning)!important;
}
html body[data-screen="module"] #app #main>:is(.atp-hero,.avance-strip,.route-panel,.module-layout,.station-body,.work-zone,.learning-sequence,.context-sequence,.integration-shell,.feedback-station,.exam-station){
 box-sizing:border-box!important;width:100%!important;max-width:none!important;margin-inline:0!important;min-width:0;
}
html body[data-screen="module"] #app #main :is(.module-layout,.station-body,.work-zone,.learning-sequence,.context-sequence){min-width:0;box-sizing:border-box}
html body[data-screen="module"] #app #main :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-identity)!important;letter-spacing:0!important}
html body[data-screen="module"] #app #main :is(p,label,legend,summary,button,input,textarea,select,td,th,li){font-family:var(--font-learning)!important;letter-spacing:0!important}
@media(max-width:650px){html body[data-screen="module"] #app #main{--simulator-page-gutter:12px;padding-block:12px!important}}
body :is(button,a.primary,a.outline,a.journey-button,a.back-link,a.atp-hero-back,summary){transition:translate var(--aula-motion),scale var(--aula-motion),box-shadow var(--aula-motion),border-color var(--aula-motion),filter var(--aula-motion)!important}
/* All actionable controls share gentle depth; selected tabs retain it. */
html body #app :is(button,a.primary,a.outline,a.journey-button,a.back-link,a.atp-hero-back,summary,[role="button"]):not(:disabled):not([aria-disabled="true"]):not(.tools-fab-backdrop):not(.vis-pin){transition:translate 180ms ease,box-shadow 180ms ease,border-color 180ms ease!important}
@media(hover:hover) and (pointer:fine){
 html body #app :is(button,a.primary,a.outline,a.journey-button,a.back-link,a.atp-hero-back,summary,[role="button"]):not(:disabled):not([aria-disabled="true"]):not(.tools-fab-backdrop):not(.vis-pin):hover{translate:0 -2px!important;box-shadow:0 3px 0 #8bb7d14d,0 7px 14px #174b7026,inset 0 1px 0 #ffffff99!important}
}
html body #app :is(button,a.primary,a.outline,a.journey-button,a.back-link,a.atp-hero-back,summary,[role="button"]):not(:disabled):not([aria-disabled="true"]):not(.tools-fab-backdrop):not(.vis-pin):focus-visible{outline:3px solid #087cff!important;outline-offset:3px!important;box-shadow:0 3px 0 #8bb7d14d,0 7px 14px #174b7026!important}
html body #app :is(button,a.primary,a.outline,a.journey-button,a.back-link,a.atp-hero-back,summary,[role="button"]):not(:disabled):not([aria-disabled="true"]):not(.tools-fab-backdrop):not(.vis-pin):active{translate:0 1px!important;scale:1!important;box-shadow:inset 0 2px 4px #174b701f,0 1px 3px #174b701a!important}
html body #app :is(button[aria-selected="true"],button[aria-pressed="true"],button[aria-current="step"],.tabs button.active,.sequence-route button.is-current,.sequence-aes button.active,.az-step.is-active){translate:0 -3px!important;box-shadow:0 4px 0 #8bb7d180,0 9px 16px #174b702b,inset 0 2px 0 #ffffffa6!important;outline:2px solid var(--step-accent,#277db2)!important;outline-offset:2px!important}
html body #app :is(button:disabled,[aria-disabled="true"]){translate:none!important;scale:1!important;box-shadow:none!important}
@media(prefers-reduced-motion:reduce){html body #app :is(button,a.primary,a.outline,a.journey-button,a.back-link,a.atp-hero-back,summary,[role="button"]){transition:none!important;translate:none!important}}
html body.reduce-motion #app :is(button,a.primary,a.outline,a.journey-button,a.back-link,a.atp-hero-back,summary,[role="button"]){transition:none!important;translate:none!important}
body :is(button,a.primary,a.outline,a.journey-button,a.back-link,a.atp-hero-back):not(:disabled):not([aria-disabled="true"]):not(.tools-fab-btn):not(.tools-fab-backdrop):not(.vis-pin){box-shadow:var(--aula-depth-rest)!important}
body[data-screen="module"] :is(.sequence-route button,.context-tabs button,.sequence-aes button,.support-card){box-shadow:var(--aula-depth-rest)!important}
body :is(button,a.primary,a.outline,summary):focus-visible{outline:3px solid #186b9d!important;outline-offset:3px!important}
body :is(button,a.primary,a.outline):not(:disabled):not([aria-disabled="true"]):not(.tools-fab-btn):active{translate:0 1px;scale:.985;box-shadow:var(--aula-depth-pressed)!important}
body :is(button:disabled,[aria-disabled="true"]){filter:saturate(.55);box-shadow:none!important;translate:none!important;scale:1!important}
/* Existing selections are indicated by an edge and depth as well as color. */
body[data-screen="module"] :is(.sequence-route button.is-current,.context-tabs button[aria-selected="true"],.sequence-aes button.active,.tabs button.active,.q-number.active){outline:2px solid #277db2!important;outline-offset:2px!important;box-shadow:inset 0 -3px #277db2,0 3px 10px #328eae20!important}
body[data-screen="module"] :is(.sequence-route button.is-complete,.lr-card.is-complete){box-shadow:inset 0 -3px #26835f,0 2px 8px #26835f18!important}
body[data-screen="module"] :is(.option,.context-options label,.act-choices label):has(input:checked){border-color:#298363!important;box-shadow:inset 0 0 0 1px #298363,0 2px 8px #29836315!important}
body[data-screen="module"] :is(input,textarea,select):focus-visible{outline:3px solid #186b9d!important;outline-offset:2px!important;box-shadow:0 0 0 5px #328eae12!important}
body[data-screen="module"] :is(.instruction-showcase,.sequence-support,.encargo-detail,.question-box){box-shadow:inset 0 1px 0 #ffffffb0,0 3px 10px #174b7009!important}
body[data-screen="module"] :is(.tp-meaning-icon,.sequence-results-heading img,.sequence-decision-icon){filter:drop-shadow(0 2px 2px #1e5a7820)}
/* Restore supplied control artwork without touching click targets or labels. */
body[data-screen="module"] .context-sequence .context-tabs button:is([aria-selected="true"],[aria-selected="false"]){background-image:url('/static/context-activities-reference-v2.png')!important;background-size:500% 100%!important;background-repeat:no-repeat!important;background-position:calc(var(--reference-context,0)*25%) center!important;aspect-ratio:342.4/186!important;min-height:0!important;border:0!important;padding:0!important}
body[data-screen="module"] .learning-sequence .sequence-route button{background-image:url('/static/learning-activities-reference.png')!important;background-size:600% 100%!important;background-repeat:no-repeat!important;background-position:calc(var(--reference-step,0)*20%) center!important}
body[data-screen="module"] .sequence-station-heading .sequence-aes button:nth-child(-n+3){background-image:url('/static/learning-ae-reference.png')!important;background-size:300% 100%!important;background-repeat:no-repeat!important;background-position:calc(var(--reference-ae,0)*50%) center!important}
@media(hover:hover) and (pointer:fine){
 body :is(button,a.primary,a.outline,a.journey-button,a.back-link,a.atp-hero-back,summary):not(:disabled):not([aria-disabled="true"]):not(.tools-fab-backdrop):not(.tools-fab-btn):not(.vis-pin):hover{translate:0 -2px;box-shadow:var(--aula-depth-hover)!important}
 body :is(.course-card,.situation-card,.support-card,.lr-card.station):not([aria-disabled="true"]):hover{box-shadow:var(--aula-depth-hover)!important}
 .tools-fab .tools-fab-btn:hover .nubi-robot{filter:drop-shadow(0 3px 5px #328eae40)!important;scale:1.02}
}
/* Idle is still; existing emotional feedback remains brief and unchanged. */
.tools-fab:not([data-emotion="celebrate"]):not([data-emotion="sad"]) .tools-fab-btn{animation:none!important}
.tools-fab .nubi-robot[data-emotion="idle"]{animation:nubita-idle-float 4s ease-in-out infinite!important}
@keyframes nubita-idle-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}
.support-card.tone-ok[data-action="practice"]{animation:none!important;will-change:auto}
.tools-fab .nubi-robot{transition:scale var(--aula-motion),filter var(--aula-motion)!important}
@media(prefers-reduced-motion:reduce){
 body :is(button,a.primary,a.outline,a.journey-button,a.back-link,a.atp-hero-back,summary,.support-card,.nubi-robot){animation:none!important;transition:none!important;translate:none!important;scale:1!important;transform:none!important;rotate:none!important}
}
.reduce-motion :is(button,a.primary,a.outline,a.journey-button,a.back-link,a.atp-hero-back,summary,.support-card,.nubi-robot){animation:none!important;transition:none!important;translate:none!important;scale:1!important;transform:none!important;rotate:none!important}
/* The replacement artwork includes its own shadow; no added frame or halo. */
.tools-fab .tools-fab-btn .nubi-robot{background-image:url('/static/nubi-agent-shadow-v2.png')!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;filter:none!important}
@media(prefers-reduced-motion:reduce){.tools-fab .tools-fab-btn .nubi-robot[data-emotion]{animation:none!important;transform:none!important}}
.reduce-motion .tools-fab .tools-fab-btn .nubi-robot[data-emotion]{animation:none!important;transform:none!important}

body[data-screen="module"] .exam-assessment-photo img{
 animation:aula-trophy-float 4s ease-in-out infinite!important;
 transform-origin:center;
}
@keyframes aula-trophy-float{
 0%,100%{transform:translateY(0)}
 50%{transform:translateY(-8px)}
}
/* Aggregated submission fields are internal, not duplicate student inputs. */
html body[data-screen="module"] #app #main#main .pg-board #close-form textarea[hidden]{display:none!important}
html body[data-screen="module"] #app #main#main .pg-board [hidden]{display:none!important}
html body[data-screen="module"] #app #main#main .pg-board [data-pg-missing]{position:relative;display:flex;align-items:center;padding:20px 24px 20px 88px!important;border:1px solid #cce5ff;border-radius:8px;background:#eff8ff url('/static/station-return-wave.svg') right center/auto 100% no-repeat;line-height:1.6;min-height:84px;box-sizing:border-box;color:#163b70;font-weight:600;text-align:left!important}
html body[data-screen="module"] #app #main#main .pg-board [data-pg-missing]:empty{display:none!important}
html body[data-screen="module"] #app #main#main .pg-board [data-pg-missing]::before{content:"i";position:absolute;left:28px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#1689fa;color:white;font-size:24px;font-weight:800;box-shadow:0 0 0 10px #dcedff}
html body[data-screen="module"] #app #main#main .pg-board .pg-answer-row{--answer-soft:#f0faf6;--answer-edge:#a9ded1;--answer-ink:#008974;display:grid!important;grid-template-columns:64px minmax(160px,240px) minmax(0,1fr);gap:20px;align-items:center;padding:22px!important;margin:18px 0!important;border:1px solid var(--answer-edge)!important;border-radius:8px!important;background:var(--answer-soft)!important;box-sizing:border-box}
html body[data-screen="module"] #app #main#main .pg-board .pg-answer-application{--answer-soft:#fffaef;--answer-edge:#f5d49d;--answer-ink:#d88700}
html body[data-screen="module"] #app #main#main .pg-board .pg-answer-action{--answer-soft:#f8f4ff;--answer-edge:#dbc8f2;--answer-ink:#8450bf}
html body[data-screen="module"] #app #main#main .pg-board .pg-answer-icon{display:grid;place-items:center;width:64px;height:64px;background:color-mix(in srgb,var(--answer-edge) 40%,white);border-radius:50%;color:var(--answer-ink)}
html body[data-screen="module"] #app #main#main .pg-board .pg-answer-icon .icon{width:34px;height:34px;stroke-width:2}
html body[data-screen="module"] #app #main#main .pg-board .pg-answer-copy{min-width:0;text-align:left}
html body[data-screen="module"] #app #main#main .pg-board .pg-answer-copy h4{font:750 20px/1.4 var(--font-identity)!important;color:#15366d!important;margin:0 0 8px!important}
html body[data-screen="module"] #app #main#main .pg-board .pg-answer-copy :is(p,label){display:block;margin:0 0 8px!important;padding:0!important;color:#3e5b7e;font-size:16px!important;line-height:1.5!important;text-align:left!important;overflow-wrap:anywhere}
html body[data-screen="module"] #app #main#main .pg-board .pg-answer-copy [data-pg-selection]{font-size:14px!important;color:var(--answer-ink);font-weight:600}
html body[data-screen="module"] #app #main#main .pg-board .pg-answer-copy label{font-weight:400!important;color:#3e5b7e!important}
html body[data-screen="module"] #app #main#main .pg-board .pg-answer-control{position:relative;min-width:0;width:100%;align-self:stretch}
html body[data-screen="module"] #app #main#main .pg-board .pg-answer-control textarea{display:block!important;width:100%!important;min-height:150px!important;height:100%;margin:0!important;padding:16px 18px 42px!important;background:white!important;border:1px solid #9acbfa!important;border-radius:8px!important;color:#244d70!important;font:400 16px/1.6 var(--font-learning)!important;resize:vertical;box-sizing:border-box}
html body[data-screen="module"] #app #main#main .pg-board .pg-answer-control output{position:absolute;right:26px;bottom:12px;color:#526d91;font:400 14px/1.3 var(--font-learning);pointer-events:none}
html body[data-screen="module"] #app #main#main .pg-board .pg-draft-note{display:flex;gap:14px;align-items:center;margin:20px 0;color:#536c8b}
html body[data-screen="module"] #app #main#main .pg-board .pg-draft-note>span{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:#f0e8ff;color:#8450bf}
html body[data-screen="module"] #app #main#main .pg-board .pg-draft-note .icon{width:23px;height:23px}
html body[data-screen="module"] #app #main#main .pg-board .pg-draft-note .az-draft-note{padding:0!important;border:0!important;background:transparent!important;color:#536c8b;margin:0!important;line-height:1.6!important;text-align:left!important}
html body[data-screen="module"] #app #main#main .pg-close-nav{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.35fr);gap:24px!important;align-items:center;margin:24px 0!important;padding:0!important}
html body[data-screen="module"] #app #main#main .pg-close-nav>:is(button,a){display:flex!important;align-items:center;justify-content:center;gap:12px;min-height:64px!important;padding:16px 20px!important;border-radius:8px!important;justify-self:start;max-width:100%;font-weight:700!important;line-height:1.5;white-space:normal}
html body[data-screen="module"] #app #main#main .pg-close-nav .icon{flex:0 0 24px;width:24px;height:24px}
html body[data-screen="module"] #app #main#main .pg-close-nav .pg-back-icon{transform:rotate(180deg)}
html body[data-screen="module"] #app #main#main .pg-close-nav>.outline{color:#0867ce!important;border:1px solid #94c7fa!important;background:#fff!important}
html body[data-screen="module"] #app #main#main .pg-close-nav>[data-pg-finish]{justify-self:center}
html body[data-screen="module"] #app #main#main .pg-close-nav>[data-pg-finish]:not(:disabled){background:#147ef5!important;border-color:#147ef5!important;color:white!important}
html body[data-screen="module"] #app #main#main .pg-close-nav>[data-pg-finish]:disabled{background:#edf1f5!important;border-color:#edf1f5!important;color:#718096!important;box-shadow:none!important;transform:none!important}
html body[data-screen="module"] #app #main#main .pg-close-requirements{display:flex;gap:22px;align-items:center;min-width:0;margin:0!important;padding:20px!important;border:1px solid #ffd08b;border-radius:8px!important;background:#fff8eb;box-sizing:border-box;color:#3e5b7e}
html body[data-screen="module"] #app #main#main .pg-requirements-icon{flex:0 0 32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#f4a000;color:white;font-weight:800;font-size:23px;box-shadow:0 0 0 9px #ffedcb}
html body[data-screen="module"] #app #main#main .pg-close-requirements b{color:#15366d;font:750 18px/1.4 var(--font-identity)}
html body[data-screen="module"] #app #main#main .pg-close-requirements ul{margin:8px 0 0!important;padding-left:18px!important;list-style:circle!important}
html body[data-screen="module"] #app #main#main .pg-close-requirements li{margin:0!important;padding:3px 0!important;font-size:15px!important;line-height:1.5!important;text-align:left!important;overflow-wrap:anywhere}
@media(max-width:1000px){html body[data-screen="module"] #app #main#main .pg-board .pg-answer-row{grid-template-columns:54px minmax(150px,190px) minmax(0,1fr);gap:16px;padding:18px!important}html body[data-screen="module"] #app #main#main .pg-board .pg-answer-icon{width:54px;height:54px}html body[data-screen="module"] #app #main#main .pg-close-nav{grid-template-columns:repeat(2,minmax(0,1fr))}html body[data-screen="module"] #app #main#main .pg-close-requirements{grid-column:1/-1}}
@media(max-width:650px){html body[data-screen="module"] #app #main#main .pg-board .pg-answer-row{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:16px!important}html body[data-screen="module"] #app #main#main .pg-board .pg-answer-icon{width:48px;height:48px}html body[data-screen="module"] #app #main#main .pg-board .pg-answer-control{grid-column:1/-1}html body[data-screen="module"] #app #main#main .pg-board .pg-answer-control textarea{height:auto;min-height:160px!important}html body[data-screen="module"] #app #main#main .pg-close-nav{grid-template-columns:minmax(0,1fr)}html body[data-screen="module"] #app #main#main .pg-close-nav>:is(button,a){width:100%}html body[data-screen="module"] #app #main#main .pg-board [data-pg-missing]{padding:18px 18px 18px 70px!important}html body[data-screen="module"] #app #main#main .pg-board [data-pg-missing]::before{left:20px;width:30px;height:30px}}
/* Analysis continuation reflects readiness instead of implying early completion. */
html body[data-screen="module"] #app #main#main .az-review-reference>.az-review-status{position:relative;display:block;min-height:104px;padding:24px 24px 24px 104px!important;border:1px solid #bcdfff!important;background:#eff8ff url('/static/station-return-wave.svg') center/100% 100% no-repeat!important;box-sizing:border-box;line-height:1.6}
html body[data-screen="module"] #app #main#main .az-review-reference>.az-review-status::before{content:"Antes de continuar";display:block;margin-bottom:6px;color:#133d70;font:800 24px/1.3 var(--font-identity)}
html body[data-screen="module"] #app #main#main .az-review-reference:has(>.az-continue:not(:disabled))>.az-review-status::before{content:"\00a1Listo para continuar!"}
html body[data-screen="module"] #app #main#main .az-review-reference>.az-review-status::after{content:"";position:absolute;left:22px;top:50%;transform:translateY(-50%);width:62px;height:72px;background:url('/static/evaluation-clipboard-icon.png') center/contain no-repeat;pointer-events:none}
html body[data-screen="module"] #app #main#main .az-review-reference>.az-continue{min-height:64px!important;margin:4px 0 20px!important;padding:16px 26px!important;font-size:19px!important;border:1px solid #087cff!important;border-radius:8px!important}
html body[data-screen="module"] #app #main#main .az-review-reference>.az-continue:disabled{border-color:#d5e2ed!important;color:#6b8296!important;background:#edf2f7!important}
html body[data-screen="module"] #app #main#main .az-review-reference>.access-blocked{position:relative;margin:0 0 18px!important;min-height:92px;padding:20px 24px 20px 96px!important;border:1px solid #ffd08b!important;border-radius:8px!important;background:#fff8ed!important;list-style:none!important;box-sizing:border-box;color:#385875}
html body[data-screen="module"] #app #main#main .az-review-reference>.access-blocked::before{content:"!";position:absolute;left:26px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f4a000;color:white;font:800 28px/1 var(--font-learning);box-shadow:0 0 0 10px #ffedcb}
html body[data-screen="module"] #app #main#main .az-review-reference>.access-blocked li{margin:0!important;padding:3px 0!important;line-height:1.5!important}
html body[data-screen="module"] #app #main#main .az-review-reference>.access-blocked b{color:#163b65;font-weight:800}
html body[data-screen="module"] #app #main#main .az-review-reference>.az-continue~p:last-child{padding:12px 18px!important;margin:0!important;border-left:3px solid #cbe2f8;color:#426890;background:#f8fbff;line-height:1.6}
@media(max-width:600px){html body[data-screen="module"] #app #main#main .az-review-reference>.az-review-status{padding:18px 16px 18px 80px!important}html body[data-screen="module"] #app #main#main .az-review-reference>.az-review-status::after{left:14px;width:48px;height:56px}html body[data-screen="module"] #app #main#main .az-review-reference>.az-review-status::before{font-size:20px}html body[data-screen="module"] #app #main#main .az-review-reference>.az-continue{width:100%}}
/* Learning choices stay visibly raised until the student changes selection. */
html body[data-screen="module"] #app #main#main .pg-choices{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;padding:8px 0 14px;align-items:stretch}
html body[data-screen="module"] #app #main#main .pg-choices label{display:flex!important;align-items:center;gap:14px;min-height:104px;padding:18px!important;margin:0!important;border:1px solid #bcdcf5!important;border-radius:8px!important;background:#f5faff!important;color:#234970;line-height:1.5;box-shadow:0 2px 5px #174b7010!important;transition:translate 180ms ease,box-shadow 180ms ease,border-color 180ms ease!important;cursor:pointer;box-sizing:border-box}
html body[data-screen="module"] #app #main#main .pg-choices input{width:22px;height:22px;flex:0 0 22px;margin:0;accent-color:#087cff}
html body[data-screen="module"] #app #main#main .pg-choices label:has(input:checked){translate:0 -4px!important;border:2px solid #db960e!important;padding:17px!important;background:#fff8e9!important;box-shadow:0 5px 0 #edc774,0 10px 16px #875f242b,inset 0 2px 0 white!important;color:#153c67;font-weight:700}
html body[data-screen="module"] #app #main#main .pg-choices label:focus-within{outline:3px solid #087cff!important;outline-offset:3px}
@media(hover:hover){html body[data-screen="module"] #app #main#main .pg-choices label:not(:has(input:disabled)):hover{translate:0 -2px;box-shadow:0 4px 10px #174b7020!important}}
html body[data-screen="module"] #app #main#main .pg-choices label:has(input:disabled){cursor:default;translate:none!important}
@media(max-width:900px){html body[data-screen="module"] #app #main#main .pg-choices{grid-template-columns:minmax(0,1fr)!important}}
@media(prefers-reduced-motion:reduce){html body[data-screen="module"] #app #main#main .pg-choices label{transition:none!important;translate:none!important}}
html body.reduce-motion[data-screen="module"] #app #main#main .pg-choices label{transition:none!important;translate:none!important}
/* Fade only the photo edge, keeping faces and foreground labels crisp. */
html body[data-screen="module"] #app #main#main .atp-hero.is-station .atp-hero-visual{background:var(--hero-wash,#f6faff)!important;border-left:0!important}
html body[data-screen="module"] #app #main#main .atp-hero.is-station .atp-hero-visual>img{mask-image:linear-gradient(to right,transparent 0%,#00000030 6%,#00000080 13%,#000000d9 21%,black 30%)!important;-webkit-mask-image:linear-gradient(to right,transparent 0%,#00000030 6%,#00000080 13%,#000000d9 21%,black 30%)!important;filter:none!important}
@media(max-width:1100px){html body[data-screen="module"] #app #main#main .atp-hero.is-station .atp-hero-visual>img{mask-image:linear-gradient(to bottom,transparent 0%,#00000050 7%,#000000bb 15%,black 25%)!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#00000050 7%,#000000bb 15%,black 25%)!important}}
/* Keep both nursing professionals visible, without washes over their faces. */
html body[data-screen="module"][data-specialty="enfermeria"] #app #main#main .atp-hero.is-station.s5{grid-template-columns:190px minmax(0,1fr) minmax(0,1.2fr)!important}
html body[data-screen="module"][data-specialty="enfermeria"] #app #main#main .atp-hero.is-station.s5 .atp-hero-visual>img{object-position:22% center!important;mask-image:none!important;-webkit-mask-image:none!important;filter:none!important}
html body[data-screen="module"][data-specialty="enfermeria"] #app #main#main .atp-hero.is-station.s5 :is(.atp-hero-fade,.atp-hero-motto),html body[data-screen="module"][data-specialty="enfermeria"] #app #main#main .atp-hero.is-station.s5 .atp-hero-visual::after{display:none!important}
@media(max-width:1200px){
 html body[data-screen="module"][data-specialty="enfermeria"] #app #main#main .atp-hero.is-station.s5{grid-template-columns:150px minmax(0,1fr)!important}
 html body[data-screen="module"][data-specialty="enfermeria"] #app #main#main .atp-hero.is-station.s5 .atp-hero-visual{grid-column:1/-1;height:auto!important;min-height:0!important;aspect-ratio:16/9}
 html body[data-screen="module"][data-specialty="enfermeria"] #app #main#main .atp-hero.is-station.s5 .atp-hero-visual>img{height:100%!important;min-height:0!important}
}
@media(max-width:650px){
 html body[data-screen="module"][data-specialty="enfermeria"] #app #main#main .atp-hero.is-station.s5{grid-template-columns:minmax(0,1fr)!important}
 html body[data-screen="module"][data-specialty="enfermeria"] #app #main#main .atp-hero.is-station.s5 .atp-hero-visual{aspect-ratio:4/3}
}
/* One crisp document glyph, without a second icon painted underneath. */
html body[data-screen="module"] #app #main#main .av2-ident-badge{display:grid!important;place-items:center;width:64px!important;height:72px!important;flex:0 0 64px!important;border:1px solid #438ce5!important;border-radius:8px!important;background:linear-gradient(145deg,#258eff,#0763cd)!important;box-shadow:inset 0 2px 0 #ffffff45,0 4px 0 #064ea9,0 7px 12px #1165b72b!important;color:white!important;overflow:hidden}
html body[data-screen="module"] #app #main#main .av2-ident-badge .work-ico{display:grid!important;place-items:center;width:40px!important;height:44px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;background-image:none!important;box-shadow:none!important;color:white!important;filter:none!important}
html body[data-screen="module"] #app #main#main .av2-ident-badge .work-ico::before,html body[data-screen="module"] #app #main#main .av2-ident-badge .work-ico::after{display:none!important;content:none!important}
html body[data-screen="module"] #app #main#main .av2-ident-badge svg{display:block!important;width:36px!important;height:40px!important;opacity:1!important;visibility:visible!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8;filter:none!important}
/* Compact results keep evidence disclosures and genuine learning percentages. */
html body[data-screen="module"] #app #main#main .cg-results{gap:16px!important;align-items:stretch;margin:20px 0!important}
html body[data-screen="module"] #app #main#main .cg-results .cg-result{display:flex!important;flex-direction:column;min-height:0!important;padding:18px!important;border-radius:8px!important;gap:12px;box-shadow:0 2px 8px #1d5c7b08!important}
html body[data-screen="module"] #app #main#main .cg-result h4{font:800 22px/1.35 var(--font-identity)!important;margin:0 0 4px!important;gap:14px;color:#12366d!important;min-height:64px}
html body[data-screen="module"] #app #main#main .cg-result ul{gap:8px!important;margin:0!important}
html body[data-screen="module"] #app #main#main .cg-result li{display:grid;grid-template-columns:auto minmax(60px,1fr) minmax(0,1.2fr);align-items:center;gap:10px;padding:12px!important;border-radius:8px!important;min-width:0}
html body[data-screen="module"] #app #main#main .cg-result li>b{margin:0!important;white-space:nowrap}
html body[data-screen="module"] #app #main#main .cg-result li>progress{width:100%;height:12px;border:0;border-radius:8px;overflow:hidden;accent-color:var(--result-accent)}
.cg-result progress::-webkit-progress-bar{background:#e1e7ec;border-radius:8px}.cg-result progress::-webkit-progress-value{background:var(--result-accent);border-radius:8px}.cg-result progress::-moz-progress-bar{background:var(--result-accent);border-radius:8px}
html body[data-screen="module"] #app #main#main .cg-result li>details[open]{grid-column:1/-1}
html body[data-screen="module"] #app #main#main .cg-result li summary{padding:8px!important;border-radius:6px;line-height:1.4!important}
html body[data-screen="module"] #app #main#main .cg-result-footer{display:flex;align-items:center;gap:12px;padding:12px!important;margin-top:auto!important;border-radius:8px;background:var(--result-soft);min-width:0}
html body[data-screen="module"] #app #main#main .cg-result-footer>span{display:grid;place-items:center;color:var(--result-accent);flex:0 0 28px}
html body[data-screen="module"] #app #main#main .cg-result-footer svg{width:26px;height:26px}
html body[data-screen="module"] #app #main#main .cg-result-footer p{flex:1;min-width:0;margin:0!important;line-height:1.5!important}
html body[data-screen="module"] #app #main#main .cg-result-footer button[data-cg-review]{align-self:center;margin:0!important;padding:10px 12px!important;border-radius:8px!important;gap:8px!important;flex-shrink:0;max-width:100%}
html body[data-screen="module"] #app #main#main .cg-result>.cg-no-results{padding:16px!important;margin:0!important;border-radius:8px!important}
@media(min-width:1101px) and (max-width:1550px){html body[data-screen="module"] #app #main#main .cg-result li{grid-template-columns:auto minmax(0,1fr)}html body[data-screen="module"] #app #main#main .cg-result li>details{grid-column:1/-1}html body[data-screen="module"] #app #main#main .cg-result-footer{flex-wrap:wrap}html body[data-screen="module"] #app #main#main .cg-result-footer button[data-cg-review]{margin-left:40px!important}}
@media(max-width:600px){html body[data-screen="module"] #app #main#main .cg-result li{grid-template-columns:auto minmax(0,1fr)}html body[data-screen="module"] #app #main#main .cg-result li>details{grid-column:1/-1}html body[data-screen="module"] #app #main#main .cg-result-footer{flex-wrap:wrap}html body[data-screen="module"] #app #main#main .cg-result-footer button[data-cg-review]{width:100%}}
/* A single feedback header layout, with imagery tied to each learning tab. */
html body[data-screen="module"] #app #main#main .az-guided>.az-guided-intro{--tab-art:url('/static/themes/analiza-header-icon.png');--tab-photo:url('/static/estudiante-comprende.png');--tab-tint:#eef8ff;--tab-accent:#087cce;position:relative;isolation:isolate;display:block;overflow:hidden;padding:30px!important;border:1px solid #c9e4ef!important;border-radius:8px!important;background:var(--tab-tint)!important;box-shadow:none!important}
html body[data-screen="module"] #app #main#main .cg-board>.az-guided-intro{--tab-art:url('/static/open-book-icon.png');--tab-tint:#effbf7;--tab-accent:#008c7c}
html body[data-screen="module"] #app #main#main .cn-board>.az-guided-intro{--tab-art:url('/static/situation-puzzle-icon.png');--tab-tint:#f7f2ff;--tab-accent:#8752c6}
html body[data-screen="module"] #app #main#main .tf-board>.az-guided-intro{--tab-art:url('/static/activity-document-icon.png');--tab-tint:#fff8ec;--tab-accent:#b97900;--tab-photo:url('/static/estudiante-proyecta.png')}
html body[data-screen="module"] #app #main#main .pg-board>.az-guided-intro{--tab-art:url('/static/objective-target-icon.png');--tab-tint:#effaf3;--tab-accent:#2c9058;--tab-photo:url('/static/estudiante-proyecta.png')}
html body[data-screen="module"] #app #main#main .az-guided>.az-guided-intro::before{content:"";position:absolute;right:0;top:0;width:24%;height:260px;background:var(--tab-photo) right top/cover no-repeat;z-index:-1;pointer-events:none;mask-image:linear-gradient(to right,transparent,black 25%)}
html body[data-screen="module"] #app #main#main .az-guided>.az-guided-intro::after{content:"";display:block!important;position:absolute;right:calc(24% + 16px);top:24px;width:72px;height:72px;background:var(--tab-art) center/contain no-repeat!important;pointer-events:none;z-index:0}
html body[data-screen="module"] #app #main#main .az-guided>.az-guided-intro{box-sizing:border-box;padding-right:calc(24% + 120px)!important}
html body[data-screen="module"] #app #main#main .az-guided>.az-analysis-intro{padding-right:calc(24% + 46px)!important}
html body[data-screen="module"] #app #main#main .az-guided>.az-analysis-intro::after{content:none!important;display:none!important;background:none!important}
html body[data-screen="module"] #app #main#main .az-guided>.az-guided-intro>:is(small,h2,p,.az-mini-route){position:relative;z-index:1;max-width:100%!important;box-sizing:border-box}
html body[data-screen="module"] #app #main#main .az-guided>.az-guided-intro>small{display:inline-block;padding:10px 16px!important;border-radius:8px!important;background:white!important;color:var(--tab-accent)!important;font-weight:800!important}
html body[data-screen="module"] #app #main#main .az-guided>.az-guided-intro>h2{font:800 30px/1.3 var(--font-identity)!important;color:#12366d!important;margin:14px 0!important;overflow-wrap:break-word}
html body[data-screen="module"] #app #main#main .az-guided>.az-guided-intro>p{line-height:1.65!important;margin:0 0 18px!important}
html body[data-screen="module"] #app #main#main .az-guided>.az-guided-intro>.az-mini-route{display:flex!important;flex-wrap:wrap;align-items:stretch;gap:10px!important;padding:10px 0!important;margin:0 0 20px!important;list-style:none}
html body[data-screen="module"] #app #main#main .az-guided>.az-guided-intro .az-mini-route>li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px!important;border:1px solid #cfe1ee!important;border-radius:8px!important;background:#ffffffed!important;color:#244363!important;font-weight:700;min-height:48px;box-sizing:border-box}
html body[data-screen="module"] #app #main#main .az-guided>.az-guided-intro>details{position:relative;z-index:1;width:100%;box-sizing:border-box;margin-top:12px!important;border:1px solid #cde6df!important;border-radius:8px!important;background:#fffffff2!important}
html body[data-screen="module"] #app #main#main .az-guided>.az-guided-intro>details>summary{padding:16px 20px!important;color:var(--tab-accent)!important;font-weight:700;cursor:pointer}
@media(max-width:850px){html body[data-screen="module"] #app #main#main .az-guided>.az-guided-intro{padding:20px!important}html body[data-screen="module"] #app #main#main .az-guided>.az-guided-intro::before{display:none}html body[data-screen="module"] #app #main#main .az-guided>.az-guided-intro::after{width:64px;height:64px;right:14px;top:18px}html body[data-screen="module"] #app #main#main .az-guided>.az-guided-intro>:is(h2,p,.az-mini-route){max-width:100%}html body[data-screen="module"] #app #main#main .az-guided>.az-guided-intro>small{max-width:calc(100% - 76px)}html body[data-screen="module"] #app #main#main .az-guided>.az-guided-intro>h2{font-size:24px!important;margin-top:22px!important}}
@media(max-width:850px){html body[data-screen="module"] #app #main#main .az-guided>.az-analysis-intro{padding-right:20px!important}html body[data-screen="module"] #app #main#main .az-guided>.az-guided-intro>small{max-width:calc(100% - 76px)!important}html body[data-screen="module"] #app #main#main .az-guided>.az-analysis-intro>small{max-width:100%!important}}
/* The tile is decoration only: every activity keeps its own live number. */
.ped-route-letter{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;box-sizing:border-box;border-radius:50%;border:1px solid var(--route-color,var(--ped-accent,#1558A0));background:var(--route-line,var(--ped-soft,#E8F1FB));color:#0B3A6B;font:800 18px/1 var(--font-identity);letter-spacing:0}
html body[data-screen="module"] #app #main#main :is(.ped-num,.az-step-number,.mcq-situation-number,.q-number,.az-result-title>span,.encargo-step-title>span,.case-question-number){background:transparent url('/static/activity-number-tile.svg') center/100% 100% no-repeat!important;color:#075cbd!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-family:var(--font-identity)!important;font-weight:800!important;text-align:center!important;box-sizing:border-box;flex-shrink:0}
html body[data-screen="module"] #app #main#main :is(.ped-num,.az-step-number,.mcq-situation-number,.q-number,.az-result-title>span,.encargo-step-title>span){display:inline-grid!important;place-items:center;padding:6px 10px 8px 6px!important;line-height:1.2!important;min-width:38px;min-height:40px}
html body[data-screen="module"] #app #main#main .q-number{width:44px!important;height:46px!important;font-size:18px!important}
html body[data-screen="module"] #app #main#main .q-number.answered{box-shadow:inset 0 -3px #23896b!important}
html body[data-screen="module"] #app #main#main .q-number.review{outline:2px dashed #c18016!important;outline-offset:1px}
html body[data-screen="module"] #app #main#main .q-number.active{outline:2px solid #087cff!important;outline-offset:2px}
html body[data-screen="module"] #app #main#main .az-result-title>span{width:64px;height:64px;font-size:23px!important}
html body[data-screen="module"] #app #main#main .case-question-number{padding:12px 8px!important}
html body[data-screen="module"] #app #main#main .case-question-number>:is(small,b){color:#075cbd!important}
/* Reflection review keeps the original checkbox bindings and completion gate. */
html body[data-screen="module"] #app #main#main .az-review-header{display:flex;align-items:center;gap:20px;padding:22px;border:1px solid #c9e2fc;border-radius:8px;background:#f0f8ff;margin:16px 0}
html body[data-screen="module"] #app #main#main .az-review-header>span{display:grid;place-items:center;flex:0 0 64px;height:64px;background:#dcefff;border-radius:50%;color:#087cff}
html body[data-screen="module"] #app #main#main .az-review-header h4{font:800 26px/1.3 var(--font-identity)!important;margin:0 0 8px!important;color:#12366d}
html body[data-screen="module"] #app #main#main .az-review-header p{margin:0!important}
html body[data-screen="module"] #app #main#main .az-review-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:stretch}
html body[data-screen="module"] #app #main#main .az-review-checks{display:grid;gap:12px}
html body[data-screen="module"] #app #main#main .az-review-checks>label{--review-bg:#eff8ff;--review-line:#c6e4ff;--review-color:#087edb;display:flex!important;align-items:center;gap:18px;min-height:92px;padding:16px!important;margin:0!important;border:1px solid var(--review-line);border-radius:8px;background:var(--review-bg);cursor:pointer;box-sizing:border-box;color:#12366d}
html body[data-screen="module"] #app #main#main .az-review-checks>label:nth-child(2){--review-bg:#effaf5;--review-line:#c0e9d6;--review-color:#00896b}
html body[data-screen="module"] #app #main#main .az-review-checks>label:nth-child(3){--review-bg:#f7f1ff;--review-line:#ddccfa;--review-color:#854ac4}
html body[data-screen="module"] #app #main#main .az-review-checks>label:nth-child(4){--review-bg:#fff8e9;--review-line:#ffdc9e;--review-color:#b77b00}
html body[data-screen="module"] #app #main#main .az-review-checks input{position:static!important;opacity:1!important;appearance:auto!important;width:26px!important;height:26px!important;flex:0 0 26px;margin:0!important;accent-color:#087cff;cursor:pointer}
html body[data-screen="module"] #app #main#main .az-review-icon{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:white;color:var(--review-color)}
html body[data-screen="module"] #app #main#main :is(.az-review-icon,.az-review-header>span) svg{width:30px;height:30px}
html body[data-screen="module"] #app #main#main .az-review-checks>label>span:last-child{font-weight:700;line-height:1.5;min-width:0}
html body[data-screen="module"] #app #main#main .az-review-checks>label:focus-within{outline:3px solid #087cff;outline-offset:2px}
html body[data-screen="module"] #app #main#main .az-review-checks>label:has(input:checked){border-color:#087cff;box-shadow:inset 4px 0 #087cff}
html body[data-screen="module"] #app #main#main .az-review-photo{display:flex;flex-direction:column;margin:0;min-width:0;overflow:hidden;border-radius:8px;background:#f0f8ff}
html body[data-screen="module"] #app #main#main .az-review-photo img{display:block;width:100%;height:0;min-height:280px;flex:1;object-fit:cover}
html body[data-screen="module"] #app #main#main .az-review-photo figcaption{padding:10px 14px;font:14px/1.5 var(--font-learning);color:#406489}
html body[data-screen="module"] #app #main#main .az-review-status{padding:18px!important;margin:18px 0!important;border:1px solid #c9e2fc;border-radius:8px;background:#eff8ff}
html body[data-screen="module"] #app #main#main .az-review-reference>.az-continue{display:inline-flex;align-items:center;gap:16px;min-height:60px;padding:16px 24px!important;border-radius:8px;background:#087cff;color:white;font-weight:700}
html body[data-screen="module"] #app #main#main .az-review-reference>.az-continue:disabled{opacity:1;color:#7991a7;background:#eef3f7;box-shadow:none;cursor:not-allowed}
@media(max-width:800px){html body[data-screen="module"] #app #main#main .az-review-layout{grid-template-columns:minmax(0,1fr)}html body[data-screen="module"] #app #main#main .az-review-photo img{height:220px;min-height:0;flex:none}html body[data-screen="module"] #app #main#main .az-review-header{padding:16px;gap:14px}html body[data-screen="module"] #app #main#main .az-review-header h4{font-size:21px!important}}
@media(max-width:480px){html body[data-screen="module"] #app #main#main .az-review-checks>label{gap:12px;padding:12px!important}html body[data-screen="module"] #app #main#main .az-review-icon{width:38px;height:38px;flex-basis:38px}html body[data-screen="module"] #app #main#main .az-review-header>span{flex-basis:44px;height:44px}}
/* Personal results use live student values, not the reference image's figures. */
html body[data-screen="module"] #app #main#main .az-result-guide{display:flex;align-items:center;gap:22px;padding:22px;border:1px solid #cce4ff;border-left:4px solid #1689f9;border-radius:8px;background:#f0f8ff;min-width:0}
html body[data-screen="module"] #app #main#main .az-result-guide>span{display:grid;place-items:center;width:64px;height:64px;flex:0 0 64px;border-radius:50%;background:#ddecff;color:#1689f9}
html body[data-screen="module"] #app #main#main .az-result-guide>div{flex:1;min-width:0}
html body[data-screen="module"] #app #main#main .az-result-guide b{font-size:22px!important;line-height:1.4;color:#123a70}
html body[data-screen="module"] #app #main#main .az-result-guide p{margin:6px 0 0!important}
html body[data-screen="module"] #app #main#main .az-result-guide>img{width:100px;height:90px;object-fit:contain}
html body[data-screen="module"] #app #main#main .az-result-title{display:flex;align-items:center;gap:16px;margin:22px 0!important;font:700 24px/1.4 var(--font-identity)!important;color:#123a70}
html body[data-screen="module"] #app #main#main .az-result-title>span{padding:8px 12px;border-radius:8px;background:#ddecff;font-size:22px!important}
html body[data-screen="module"] #app #main#main .az-personal-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;padding:0!important;background:transparent!important;margin:18px 0!important}
html body[data-screen="module"] #app #main#main .az-personal-metrics>div{--metric-color:#087dd4;--metric-bg:#f0f8ff;--metric-line:#bfddff;position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);align-content:start;align-items:center;gap:14px 12px;min-height:158px;padding:20px!important;border:1px solid var(--metric-line)!important;border-radius:8px!important;background:var(--metric-bg)!important;box-sizing:border-box;min-width:0}
html body[data-screen="module"] #app #main#main .az-personal-metrics>div:nth-child(2){--metric-color:#008966;--metric-bg:#f1faf6;--metric-line:#bce8d7}
html body[data-screen="module"] #app #main#main .az-personal-metrics>div:nth-child(3){--metric-color:#814ac2;--metric-bg:#f8f3ff;--metric-line:#dac9f7}
html body[data-screen="module"] #app #main#main .az-personal-metrics>div:nth-child(4){--metric-color:#ac7200;--metric-bg:#fff9f0;--metric-line:#ffdaa0}
html body[data-screen="module"] #app #main#main .az-metric-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:white;color:var(--metric-color)}
html body[data-screen="module"] #app #main#main :is(.az-metric-icon,.az-result-guide>span) svg{width:30px;height:30px}
html body[data-screen="module"] #app #main#main .az-personal-metrics dt{color:var(--metric-color);font-weight:700;line-height:1.4;min-width:0;overflow-wrap:break-word}
html body[data-screen="module"] #app #main#main .az-personal-metrics dd{grid-column:2;margin:0!important;font:800 30px/1.3 var(--font-identity)!important;color:#12366d;overflow-wrap:break-word}
html body[data-screen="module"] #app #main#main .az-personal-metrics>div:nth-child(2) dd{font-size:22px!important}
html body[data-screen="module"] #app #main#main .az-result-progress{grid-column:1/-1;width:100%;height:12px;border:0;border-radius:8px;overflow:hidden;accent-color:#1689f9}
.az-result-progress::-webkit-progress-bar{background:#e1e9ef;border-radius:8px}.az-result-progress::-webkit-progress-value{background:#1689f9;border-radius:8px}.az-result-progress::-moz-progress-bar{background:#1689f9;border-radius:8px}
html body[data-screen="module"] #app #main#main .az-result-note{display:flex;align-items:center;gap:16px;padding:16px 20px!important;border:1px solid #cce4ff;border-radius:8px;background:#f3f9ff;margin:20px 0!important}
html body[data-screen="module"] #app #main#main .az-result-note>svg{width:26px;height:26px;flex:0 0 26px;color:#1689f9}
@media(max-width:1100px){html body[data-screen="module"] #app #main#main .az-personal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){html body[data-screen="module"] #app #main#main .az-personal-metrics{grid-template-columns:minmax(0,1fr)!important}html body[data-screen="module"] #app #main#main .az-result-guide{padding:16px;gap:14px}html body[data-screen="module"] #app #main#main .az-result-guide>img{display:none}html body[data-screen="module"] #app #main#main .az-result-guide>span{width:44px;height:44px;flex-basis:44px}html body[data-screen="module"] #app #main#main .az-result-guide b{font-size:19px!important}}
/* Station navigation is one continuous band, with native links and buttons. */
html body[data-screen="module"] #app #main#main .bottom-nav{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:center!important;gap:20px!important;width:100%;box-sizing:border-box;min-height:110px;padding:20px 24px!important;margin:24px 0 0!important;border:1px solid #d5e8fa!important;border-radius:8px!important;background:#f5faff!important;box-shadow:0 3px 10px #1c578a08;position:relative}
html body[data-screen="module"] #app #main#main .bottom-nav>.outline{grid-column:1;justify-self:start;background:white!important;border:1px solid #abcff7!important;color:#144c88!important}
html body[data-screen="module"] #app #main#main .bottom-nav>.primary{grid-column:2;justify-self:center;background:#eef7ff!important;border:2px solid #9bc6ff!important;color:#0067dc!important;box-shadow:0 3px 8px #1c6be519!important}
html body[data-screen="module"] #app #main#main .bottom-nav>:is(a,button){display:inline-flex!important;align-items:center;justify-content:center;gap:14px!important;min-height:64px!important;max-width:100%;padding:14px 22px!important;border-radius:8px!important;font-family:var(--font-learning)!important;font-weight:700;line-height:1.4;white-space:normal;text-align:center!important;box-sizing:border-box;overflow-wrap:break-word}
html body[data-screen="module"] #app #main#main .bottom-nav>.primary::before{content:"";flex:0 0 26px;width:26px;height:22px;border:2px solid currentColor;border-radius:4px;background:linear-gradient(currentColor,currentColor) 5px 6px/14px 2px no-repeat,linear-gradient(currentColor,currentColor) 5px 12px/9px 2px no-repeat;box-shadow:0 0 0 10px #dcecff}
html body[data-screen="module"] #app #main#main .bottom-nav>.primary:disabled{opacity:1!important;color:#7799bc!important;background:#f1f5fa!important;border-color:#cbdced!important;box-shadow:none!important;cursor:not-allowed}
html body[data-screen="module"] #app #main#main .bottom-nav>.primary:not(:disabled):hover{background:#e1f0ff!important;border-color:#398ded!important}
html body[data-screen="module"] #app #main#main .bottom-nav>:is(a,button):focus-visible{outline:3px solid #087cff;outline-offset:3px}
html body[data-screen="module"] #app #main#main .bottom-nav>.access-blocked{grid-column:1/-1}
html body[data-screen="module"] #app #main#main .bottom-nav:not(:has(>.primary)){grid-template-columns:minmax(0,1fr)!important;min-height:140px;padding:26px 30px!important;background:#f6faff url('/static/station-return-wave.svg') center bottom/100% 100% no-repeat!important}
html body[data-screen="module"] #app #main#main .bottom-nav:not(:has(>.primary))>.outline{min-height:74px!important;min-width:280px;padding:18px 28px!important;border:1px solid #83baff!important;color:#075eb5!important;font-size:22px!important;font-weight:800!important;box-shadow:0 4px 10px #1c6be51a!important}
@media(max-width:600px){html body[data-screen="module"] #app #main#main .bottom-nav:not(:has(>.primary)){min-height:116px;padding:18px!important}html body[data-screen="module"] #app #main#main .bottom-nav:not(:has(>.primary))>.outline{min-width:0;min-height:64px!important;font-size:19px!important}}
@media(max-width:1000px){html body[data-screen="module"] #app #main#main .bottom-nav{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px!important;padding:18px!important}}
@media(max-width:600px){html body[data-screen="module"] #app #main#main .bottom-nav{grid-template-columns:minmax(0,1fr);padding:14px!important;gap:14px!important}html body[data-screen="module"] #app #main#main .bottom-nav>:is(a,button){grid-column:1!important;justify-self:stretch!important;width:100%;padding:14px!important}html body[data-screen="module"] #app #main#main .bottom-nav>.primary::before{flex-basis:22px;width:22px;box-shadow:0 0 0 6px #dcecff}}
/* Evaluation actions retain their existing handlers and eligibility rules. */
html body[data-screen="module"] #app #main#main #exam-form .question-controls{display:grid!important;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin:24px 0!important}
html body[data-screen="module"] #app #main#main #exam-form .question-controls>button{min-height:60px!important;padding:14px 22px!important;border-radius:8px!important;font-weight:700;line-height:1.4;white-space:normal}
html body[data-screen="module"] #app #main#main #exam-form .question-controls>button:first-child{justify-self:start;border:1px solid #b7d3eb!important;background:white!important;color:#33678d!important}
html body[data-screen="module"] #app #main#main #exam-form .question-controls>button:last-child:not(:first-child):not(.exam-review){justify-self:end;background:#087cff!important;border:1px solid #087cff!important;color:white!important}
html body[data-screen="module"] #app #main#main #exam-form .question-controls>.exam-review{justify-self:center;border:1px solid #ffc477!important;background:#fff8ec!important;color:#975500!important}
html body[data-screen="module"] #app #main#main #exam-form .question-controls>.exam-review::before{content:"";display:inline-block;width:16px;height:22px;border:2px solid currentColor;border-bottom:0;clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%);background:linear-gradient(135deg,transparent 70%,currentColor 71%,currentColor 77%,transparent 78%) bottom left/50% 8px no-repeat,linear-gradient(225deg,transparent 70%,currentColor 71%,currentColor 77%,transparent 78%) bottom right/50% 8px no-repeat;margin-right:12px;vertical-align:middle}
html body[data-screen="module"] #app #main#main #exam-form .question-controls>.exam-review.is-marked{background:#ffeac5!important;border-color:#c98218!important}
html body[data-screen="module"] #app #main#main #exam-form .form-bottom{display:block!important;margin-top:18px!important}
html body[data-screen="module"] #app #main#main #exam-form .form-bottom>div{display:grid!important;grid-template-columns:minmax(160px,.8fr) minmax(180px,.9fr) minmax(0,3fr);gap:18px!important;align-items:stretch;width:100%}
html body[data-screen="module"] #app #main#main #exam-form .form-bottom button{display:flex!important;align-items:center;justify-content:center;gap:14px;min-height:104px!important;padding:18px!important;margin:0!important;border-radius:8px!important;font-weight:700;line-height:1.5;white-space:normal}
html body[data-screen="module"] #app #main#main #exam-form [data-action="save-draft"]{border:1px solid #82bce9!important;background:#eff8ff!important;color:#124d82!important}
html body[data-screen="module"] #app #main#main #exam-form [data-action="save-draft"]::before,html body[data-screen="module"] #app #main#main #exam-form [data-action="submit-exam"]::before{content:"";width:46px;height:54px;flex:0 0 46px;background:url('/static/evaluation-clipboard-icon.png') center/contain no-repeat}
html body[data-screen="module"] #app #main#main #exam-form [data-action="submit-exam"]:disabled{opacity:1!important;color:#8191a1!important;background:#eef2f6!important;border:1px solid #eef2f6!important;box-shadow:none!important;cursor:not-allowed}
html body[data-screen="module"] #app #main#main #exam-form [data-action="submit-exam"]:disabled::before{filter:grayscale(1);opacity:.55}
html body[data-screen="module"] #app #main#main #exam-form .access-blocked{position:relative;display:flex!important;flex-direction:column;justify-content:center;gap:6px!important;margin:0!important;padding:18px 22px 18px 78px!important;border:1px solid #ffd495!important;border-radius:8px!important;background:#fff8ed!important;min-width:0;list-style:none;color:#23426b;box-sizing:border-box}
html body[data-screen="module"] #app #main#main #exam-form .access-blocked::before{content:"!";position:absolute;left:22px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#f5a000;color:white;font-weight:800;font-size:24px}
html body[data-screen="module"] #app #main#main #exam-form .access-blocked li{padding:0!important;margin:0!important;line-height:1.5!important}
html body[data-screen="module"] #app #main#main #exam-form .access-blocked b{display:block;margin-bottom:4px;color:#14365e}
@media(max-width:900px){html body[data-screen="module"] #app #main#main #exam-form .form-bottom>div{grid-template-columns:repeat(2,minmax(0,1fr))}html body[data-screen="module"] #app #main#main #exam-form .access-blocked{grid-column:1/-1}}
@media(max-width:600px){html body[data-screen="module"] #app #main#main #exam-form .question-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html body[data-screen="module"] #app #main#main #exam-form .question-controls>.exam-review{grid-column:1/-1;grid-row:2;width:100%}html body[data-screen="module"] #app #main#main #exam-form .question-controls>button{padding:12px!important;width:100%}html body[data-screen="module"] #app #main#main #exam-form .form-bottom button{padding:12px!important;gap:8px;flex-direction:column}}
/* Shared live question presentation; radio controls and case media stay native. */
html body[data-screen="module"] #app #main#main .mcq-card{padding:22px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
html body[data-screen="module"] #app #main#main .mcq-card .act-contract>p{padding:20px!important;border:1px solid #bfdfff!important;border-left:5px solid #087cff!important;background:#eff8ff!important}
html body[data-screen="module"] #app #main#main .mcq-card .act-contract>p>i{width:60px!important;height:60px!important;flex-basis:60px!important}
html body[data-screen="module"] #app #main#main .mcq-card .act-contract>p b{font-family:var(--font-identity)!important;font-size:24px!important}
html body[data-screen="module"] #app #main#main .mcq-stimulus{display:flex!important;align-items:center;gap:18px;margin:20px 0 14px!important;padding:14px 18px!important;background:#edf7ff;border-radius:8px;color:#103a67;font-weight:700;line-height:1.5}
html body[data-screen="module"] #app #main#main .mcq-situation-number{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:50%;background:#087cff;color:white;font-size:26px!important;box-shadow:0 0 0 8px #dcefff}
html body[data-screen="module"] #app #main#main .mcq-figure{border-radius:8px!important;border:1px solid #d4e6f3;background:#f4f9fc}
html body[data-screen="module"] #app #main#main .mcq-figure img{max-height:360px!important;object-fit:contain!important;background:#f4f9fc}
html body[data-screen="module"] #app #main#main .mcq-figure figcaption{padding:10px 16px!important;background:white;color:#164979;font-weight:600}
html body[data-screen="module"] #app #main#main .mcq-prompt{font-family:var(--font-identity)!important;font-size:24px!important;line-height:1.45!important;color:#10366d;margin:22px 0!important;overflow-wrap:break-word}
html body[data-screen="module"] #app #main#main .mcq-options{gap:14px!important;border:0!important;padding:0!important;background:transparent!important}
html body[data-screen="module"] #app #main#main .mcq-options .option{--answer-color:#087cff;--answer-bg:#eff7ff;--answer-line:#bfddff;display:flex!important;align-items:center!important;gap:18px!important;min-height:76px!important;padding:12px 18px!important;border:1px solid var(--answer-line)!important;border-radius:8px!important;background:var(--answer-bg)!important;margin:0!important;box-sizing:border-box}
html body[data-screen="module"] #app #main#main .mcq-options .option:nth-of-type(2){--answer-color:#bc7100;--answer-bg:#fff8ee;--answer-line:#ffdaa0}
html body[data-screen="module"] #app #main#main .mcq-options .option:nth-of-type(3){--answer-color:#8546d0;--answer-bg:#f7f1ff;--answer-line:#ddcaff}
html body[data-screen="module"] #app #main#main .mcq-options .option:nth-of-type(4){--answer-color:#00866d;--answer-bg:#effbf7;--answer-line:#b9e8d9}
html body[data-screen="module"] #app #main#main .mcq-options .option>b{display:grid!important;place-items:center;width:48px!important;height:48px!important;flex:0 0 48px!important;font-size:26px!important;color:var(--answer-color)!important;background:white!important;border-radius:8px!important}
html body[data-screen="module"] #app #main#main .mcq-options .option>span{min-width:0;flex:1;color:#17375e;line-height:1.5!important}
html body[data-screen="module"] #app #main#main .mcq-options .option:hover{box-shadow:0 3px 10px #164e7614!important}
html body[data-screen="module"] #app #main#main .mcq-options .option:focus-within,html body[data-screen="module"] #app #main#main .mcq-options .option:has(input:checked){outline:3px solid #087cff!important;outline-offset:2px;border-color:#087cff!important}
html body[data-screen="module"] #app #main#main .mcq-options .option:has(input:checked)>b{background:#087cff!important;color:white!important}
html body[data-screen="module"] #app #main#main .mcq-source{margin-top:20px!important;border-top:1px solid #d7e9f8;padding-top:12px}
html body[data-screen="module"] #app #main#main .mcq-source>summary{padding:12px 0;color:#0872d6;font-weight:700;cursor:pointer}
@media(max-width:650px){
 html body[data-screen="module"] #app #main#main .mcq-card{padding:0!important}
 html body[data-screen="module"] #app #main#main .mcq-prompt{font-size:20px!important}
 html body[data-screen="module"] #app #main#main .mcq-options .option{gap:12px!important;padding:12px!important}
 html body[data-screen="module"] #app #main#main .mcq-stimulus{gap:14px;padding:14px!important}
 html body[data-screen="module"] #app #main#main .mcq-situation-number{flex-basis:40px;height:40px;font-size:22px!important}
}
/* Compact the three-step route without scaling its text or icons. */
html body[data-screen="module"] #app #main .ped-route:has(>.ped-route-item:nth-child(5)):not(:has(>.ped-route-item:nth-child(7))){padding-block:11.6px!important}
html body[data-screen="module"] #app #main .ped-route:has(>.ped-route-item:nth-child(5)):not(:has(>.ped-route-item:nth-child(7)))>.ped-route-item{min-height:74.4px!important;padding-block:7px!important}
html body[data-screen="module"] #app #main .ped-route:has(>.ped-route-item:nth-child(5)):not(:has(>.ped-route-item:nth-child(7)))>.ped-route-item::after{bottom:5px;height:4px}
@media(max-width:1200px){
 html body[data-screen="module"] #app #main .ped-route:has(>.ped-route-item:nth-child(5)):not(:has(>.ped-route-item:nth-child(7)))>.ped-route-item{display:grid!important;grid-template-columns:56px 48px;justify-content:center;gap:4px 8px!important;min-height:110px!important}
 html body[data-screen="module"] #app #main .ped-route:has(>.ped-route-item:nth-child(5)):not(:has(>.ped-route-item:nth-child(7))) .ped-verb{grid-column:1/-1;text-align:center}
}
/* Keep the high-resolution artwork sharp; light belongs behind it. */
html body[data-screen="module"] #app #main .exam-closing-trophy{position:relative;isolation:isolate}
html body[data-screen="module"] #app #main .exam-closing-trophy::before{content:"";position:absolute;inset:20% 0 12%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#fff1b9 0%,#ffe5a366 42%,transparent 72%);animation:nubita-trophy-aura 5s ease-in-out infinite}
html body[data-screen="module"] #app #main .exam-closing-trophy>img{width:144px!important;max-width:100%;height:144px!important;object-fit:contain;filter:none!important;image-rendering:auto}
html body[data-screen="module"] #app #main .exam-assessment-photo>img{filter:none!important;image-rendering:auto}
@media(prefers-reduced-motion:reduce){html body[data-screen="module"] #app #main .exam-closing-trophy::before{animation:none!important}}
html body.reduce-motion[data-screen="module"] #app #main .exam-closing-trophy::before{animation:none!important}
body[data-station="5"] .work-zone-s5 .az-step.az-step.az-step .az-step-ico{background-image:url('/static/activity-document-icon.png')!important}
body[data-station="5"] .work-zone-s5 .az-step.az-step.az-step:nth-child(2) .az-step-ico{background-image:url('/static/open-book-icon.png')!important}
body[data-station="5"] .work-zone-s5 .az-step.az-step.az-step:nth-child(3) .az-step-ico{background-image:url('/static/situation-puzzle-icon.png')!important}
body[data-station="5"] .work-zone-s5 .az-step.az-step.az-step:nth-child(5) .az-step-ico{background-image:url('/static/evaluation-clipboard-icon.png')!important}
@media(prefers-reduced-motion:reduce){
 body[data-screen="module"] .exam-assessment-photo img{animation:none!important;transform:none!important}
}
.reduce-motion .exam-assessment-photo img{animation:none!important;transform:none!important}
html body[data-screen="module"] #app #main .lr-head.lr-head-compact{display:grid!important;grid-template-columns:80px minmax(0,1.1fr) minmax(0,1fr)!important;gap:22px!important;align-items:center!important;padding:28px!important;border:1px solid #cce5f4!important;border-radius:22px!important;background:linear-gradient(125deg,#f6fbff,#edf8ff 55%,#f0faf7)!important;box-shadow:0 3px 9px #2a608810!important}
html body[data-screen="module"] #app #main .lr-head-compact-icon{display:grid!important;place-items:center;width:80px!important;height:80px!important;border-radius:50%!important;background:#dcedff!important;color:#236bc5!important;box-shadow:inset 0 2px 7px #fff,0 3px 7px #21609a12!important}
html body[data-screen="module"] #app #main .lr-head-compact-icon .icon{width:44px!important;height:44px!important}
html body[data-screen="module"] #app #main .lr-head-compact-copy>small{display:inline-block;padding:6px 12px!important;border-radius:18px;background:#d9f0fa!important;color:#087c95!important;font-size:12px!important;font-weight:600!important}
html body[data-screen="module"] #app #main .lr-head-compact-copy h2{font-family:var(--font-identity)!important;font-size:28px!important;color:#142454!important;line-height:1.3!important;margin:10px 0!important;letter-spacing:0}
html body[data-screen="module"] #app #main .lr-head-compact-copy p{font-size:20px!important;line-height:1.5!important;color:#506d91!important;margin:0!important}
html body[data-screen="module"] #app #main .lr-head-compact .lr-progress{border-left:1px solid #b9d9e8!important;padding:0 0 0 26px!important;min-width:0}
html body[data-screen="module"] #app #main .lr-progress-heading{display:flex!important;align-items:center;gap:34px!important;color:#36577f!important;font-size:21px!important}
html body[data-screen="module"] #app #main .lr-progress-heading strong{color:#049c89!important;font-size:46px!important;line-height:1.3!important;font-weight:800!important}
html body[data-screen="module"] #app #main .lr-completion-bar{height:18px!important;border-radius:12px!important;background:#e0eaf0!important;border:1px solid #bed5e1!important;overflow:hidden;margin:16px 0!important;box-shadow:inset 0 2px 4px #1c536711}
html body[data-screen="module"] #app #main .lr-completion-fill{background:linear-gradient(90deg,#73b3ee,#30bfa1)!important;border-radius:12px!important}
html body[data-screen="module"] #app #main .lr-progress>p{display:flex;align-items:center;gap:14px;padding-left:0!important;font-size:16px!important;color:#365a75!important;line-height:1.6!important}
html body[data-screen="module"] #app #main .lr-progress>p::before{display:none!important}
.lr-progress-flag{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;background:#deefff;border-radius:50%;color:#0870da}
.lr-progress-flag .icon{width:26px;height:26px}
.lr-progress>p b{color:#142454}
html body[data-screen="module"] #app #main .lr-progress>small{display:inline-flex!important;align-items:center;gap:8px;padding:8px 12px!important;border-radius:18px!important;background:#fff5dc!important;color:#8b671e!important;font-size:12px!important;line-height:1.5!important}
@media(max-width:1050px){html body[data-screen="module"] #app #main .lr-head.lr-head-compact{grid-template-columns:64px minmax(0,1fr)!important;padding:20px!important;gap:16px!important}html body[data-screen="module"] #app #main .lr-head-compact-icon{width:64px!important;height:64px!important}html body[data-screen="module"] #app #main .lr-head-compact .lr-progress{grid-column:1/-1;border-left:0!important;border-top:1px solid #c8dee9!important;padding:18px 0 0!important}html body[data-screen="module"] #app #main .lr-head-compact-copy h2{font-size:20px!important}}
html body[data-screen="module"] #app #main .integration-tabs:not(.exam-tabs){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;padding:12px!important;border:1px solid #dce7f5!important;border-radius:24px!important;background:#f8fbff!important;box-shadow:0 3px 10px #4458970c!important}
html body[data-screen="module"] #app #main .integration-tabs:not(.exam-tabs) button[data-action="tab"]{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;min-height:96px!important;padding:18px 22px!important;border:1px solid #ddd2f4!important;border-radius:20px!important;background:linear-gradient(135deg,#fff,#f1ecfc)!important;color:#6445ab!important;font-family:var(--font-learning)!important;font-size:19px!important;font-weight:600!important;line-height:1.4!important;text-align:left!important;box-shadow:inset 0 1px #fff!important}
html body[data-screen="module"] #app #main .integration-tabs:not(.exam-tabs) button[data-tab="encargos"]{background:linear-gradient(135deg,#fff,#eaf8f3)!important;border-color:#c7e8dd!important;color:#157c65!important}
html body[data-screen="module"] #app #main .integration-tabs:not(.exam-tabs) button>.icon{box-sizing:content-box!important;width:30px!important;height:30px!important;padding:16px!important;flex:0 0 30px!important;border-radius:50%!important;background:#e0d2ff!important;color:#6744b1!important}
html body[data-screen="module"] #app #main .integration-tabs:not(.exam-tabs) button[data-tab="encargos"]>.icon{background:#beeedb!important;color:#087963!important}
html body[data-screen="module"] #app #main .integration-tabs:not(.exam-tabs) button[aria-pressed="true"]{background:linear-gradient(135deg,#9974e0,#7954d6)!important;border-color:#9778dd!important;color:#fff!important;outline:3px solid #d4c2f5!important;outline-offset:3px!important;box-shadow:inset 0 0 0 3px #ffffffdb,0 4px 8px #674bb22a!important}
html body[data-screen="module"] #app #main .integration-tabs:not(.exam-tabs) button[aria-pressed="true"]>.icon{background:#ffffff24!important;color:#fff!important}
html body[data-screen="module"] #app #main .integration-tabs:not(.exam-tabs) button:focus-visible{outline:3px solid #257dbc!important;outline-offset:4px!important}
@media(max-width:850px){html body[data-screen="module"] #app #main .integration-tabs:not(.exam-tabs){grid-template-columns:1fr!important}html body[data-screen="module"] #app #main .integration-tabs:not(.exam-tabs) button[data-action="tab"]{justify-content:flex-start!important;font-size:17px!important;min-height:84px!important}}
html body[data-screen="module"] #app #main .sequence-aes{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:18px!important;padding:12px 4px!important;align-items:stretch!important}
html body[data-screen="module"] #app #main .sequence-aes button:nth-child(n){
 --ae-soft:#edf6ff;--ae-edge:#bfddf5;--ae-ink:#1768b2;
 display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;width:100%!important;min-width:0!important;min-height:110px!important;aspect-ratio:auto!important;
 padding:18px!important;font-family:var(--font-identity)!important;font-size:27px!important;font-weight:700!important;line-height:1.3!important;
 border:2px solid var(--ae-edge)!important;border-radius:20px!important;background-image:none!important;background-color:var(--ae-soft)!important;
 color:#123b65!important;box-shadow:inset 0 1px #fff,0 3px 8px #225c7d12!important;outline:none!important;
}
html body[data-screen="module"] #app #main .sequence-aes button:nth-child(5n+2){--ae-soft:#eefaf6;--ae-edge:#c4eae0;--ae-ink:#159b87}
html body[data-screen="module"] #app #main .sequence-aes button:nth-child(5n+3){--ae-soft:#fff9ee;--ae-edge:#f4e4c9;--ae-ink:#d78b16}
html body[data-screen="module"] #app #main .sequence-aes button:nth-child(5n+4){--ae-soft:#f7f0ff;--ae-edge:#e6d5fa;--ae-ink:#8e43cd}
html body[data-screen="module"] #app #main .sequence-aes button:nth-child(5n+5){--ae-soft:#fff2f8;--ae-edge:#f5d4e7;--ae-ink:#d94a90}
html body[data-screen="module"] #app #main .sequence-aes button::before{content:"";display:block;width:62px;height:62px;flex:0 0 62px;border-radius:18px;background:color-mix(in srgb,var(--ae-ink) 16%,white) url('/static/open-book-icon.png') center/48px no-repeat;box-shadow:0 2px 5px #153f6012}
html body[data-screen="module"] #app #main .sequence-aes button.active{border-color:#279bf2!important;outline:3px solid #9bd5ff!important;outline-offset:3px!important;box-shadow:inset 0 0 0 3px #fff,0 4px 10px #2690d526!important}
html body[data-screen="module"] #app #main .sequence-aes button:focus-visible{outline:3px solid #197bb5!important;outline-offset:5px!important}
html body[data-screen="module"] #app #main .sequence-aes button:disabled{background:#edf1f4!important;color:#667782!important;border-color:#d4dde3!important;box-shadow:none!important}
@media(max-width:650px){html body[data-screen="module"] #app #main .sequence-aes{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}html body[data-screen="module"] #app #main .sequence-aes button:nth-child(n){font-size:20px!important;padding:12px!important;gap:10px!important;min-height:90px!important}html body[data-screen="module"] #app #main .sequence-aes button::before{width:44px;height:44px;flex-basis:44px;background-size:36px}}
html body[data-screen="module"] #app #main .sequence-written.sequence-written{
 position:relative;padding:26px!important;border:1px solid #d2e7f4!important;border-radius:22px!important;
 background:linear-gradient(145deg,#f4faff,#fff 60%)!important;box-shadow:0 4px 12px #1759800b!important;
}
html body[data-screen="module"] #app #main .sequence-written>label{display:block!important;position:relative;margin:0 0 24px!important;color:#163e68!important;font-family:var(--font-identity)!important;font-size:21px!important;font-weight:600!important;line-height:1.5!important}
html body[data-screen="module"] #app #main .sequence-written>label:last-child{margin-bottom:0!important}
html body[data-screen="module"] #app #main .sequence-written .tp-response-kicker{display:flex!important;align-items:center!important;gap:16px!important;padding:10px 0 24px!important;margin:0 0 18px!important;border-bottom:1px solid #e0edf6;color:#226bd0!important;font-size:18px!important;font-weight:600!important}
html body[data-screen="module"] #app #main .sequence-written .tp-response-kicker img{width:64px!important;height:64px!important;padding:10px;box-sizing:border-box;border-radius:50%;background:#dceeff;object-fit:contain}
html body[data-screen="module"] #app #main .sequence-written .student-question-number{display:inline-grid;place-items:center;min-width:38px!important;height:38px!important;border:0!important;border-radius:9px!important;background:#238dc2!important;color:#fff!important;font-size:21px!important;margin-right:12px!important}
html body[data-screen="module"] #app #main .sequence-written textarea{display:block!important;width:100%!important;max-width:100%!important;min-height:160px!important;margin:20px 0 0!important;padding:18px!important;background:#fbfdff!important;border:2px solid #a4cfea!important;border-radius:14px!important;color:#244c6b!important;font-family:var(--font-learning)!important;font-size:16px!important;font-weight:400!important;line-height:1.65!important;box-shadow:0 3px 8px #235c7810!important;resize:vertical}
html body[data-screen="module"] #app #main .sequence-written textarea:focus-visible{outline:3px solid #268ad0!important;outline-offset:3px!important}
@media(max-width:650px){html body[data-screen="module"] #app #main .sequence-written.sequence-written{padding:18px!important}html body[data-screen="module"] #app #main .sequence-written>label{font-size:18px!important}html body[data-screen="module"] #app #main .sequence-written .tp-response-kicker{font-size:16px!important}}
html body[data-screen="module"] #app #main .tp-meaning-icon.tp-icon-clean{
 display:inline-grid!important;place-items:center!important;background-image:none!important;background-color:#edf6fd!important;
 border:1px solid #c8e0f0!important;border-radius:14px!important;box-shadow:inset 0 1px #fff,0 2px 5px #18456312!important;color:#236b9a!important;
}
html body[data-screen="module"] #app #main .tp-icon-clean[data-icon-kind="chart"]{background-color:#fff7e9!important;border-color:#f0dfb6!important;color:#a87712!important}
html body[data-screen="module"] #app #main .tp-icon-clean[data-icon-kind="check"]{background-color:#e8f8f0!important;border-color:#b9dfcd!important;color:#078965!important}
html body[data-screen="module"] #app #main .tp-icon-clean>svg{visibility:visible!important;display:block!important;width:60%!important;height:60%!important;flex:none!important}
html body[data-screen="module"] #app #main .context-choices{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;border:0!important;padding:0!important;margin:22px 0!important;min-width:0}
html body[data-screen="module"] #app #main .context-choices legend{margin-bottom:16px!important;font-family:var(--font-identity)!important;font-size:20px!important;font-weight:600!important;color:#173e60!important;line-height:1.45!important}
html body[data-screen="module"] #app #main .context-choices label{display:flex!important;align-items:center!important;gap:14px!important;min-height:60px!important;padding:16px!important;border:1px solid #cbdfea!important;border-radius:12px!important;background:#f8fbfe!important;box-shadow:0 2px 5px #16466008!important;color:#254d68!important;cursor:pointer!important}
html body[data-screen="module"] #app #main .context-choices label:nth-of-type(3n+2){background:#f3f9f6!important}
html body[data-screen="module"] #app #main .context-choices label:nth-of-type(3n){background:#f8f5fc!important}
html body[data-screen="module"] #app #main .context-choices label:has(input:checked){border-color:#148c7b!important;background:#e8f7ef!important;box-shadow:inset 3px 0 #148c7b!important}
html body[data-screen="module"] #app #main .context-choices label:has(input:focus-visible){outline:3px solid #168bb7!important;outline-offset:3px}
html body[data-screen="module"] #app #main .context-choices input{width:20px!important;height:20px!important;flex:0 0 20px!important;accent-color:#087e73;margin:0!important}
html body[data-screen="module"] #app #main .context-choices label span{font-size:16px!important;line-height:1.5!important;font-weight:400!important;overflow-wrap:anywhere}
@media(max-width:650px){html body[data-screen="module"] #app #main .context-choices{grid-template-columns:1fr!important}}
html body[data-screen="module"] #app #main .station-body .sequence-support.sequence-support{
 position:relative;display:grid;grid-template-columns:180px minmax(0,1fr) 110px;grid-template-rows:auto auto auto;gap:12px 24px;
 padding:28px!important;margin:24px 0!important;border:1px solid #b5deda!important;border-radius:24px!important;
 background:linear-gradient(125deg,#f8fdfc,#e7f8f4)!important;box-shadow:0 4px 12px #175e5710!important;overflow:hidden;
}
html body[data-screen="module"] #app #main .sequence-support::before{
 content:"";grid-column:1;grid-row:1/4;align-self:stretch;min-height:210px;
 background:url('/static/nubi-cloud-portrait.png') center/contain no-repeat;pointer-events:none;
}
html body[data-screen="module"] #app #main .sequence-support h4{
 grid-column:2;grid-row:1;margin:0!important;color:#108f91!important;font-family:var(--font-learning)!important;font-weight:600!important;font-size:22px!important;line-height:1.5!important;
}
html body[data-screen="module"] #app #main .sequence-support h4>.icon{
 position:absolute;right:28px;top:32px;box-sizing:border-box;width:96px!important;height:96px!important;padding:23px;
 color:#c9910b!important;background:#fffaf0;border:1px solid #fff;border-radius:50%;box-shadow:inset 0 0 15px #d1f0ee,0 3px 8px #378c8212;
}
html body[data-screen="module"] #app #main .sequence-support [data-guidance]{grid-column:2;grid-row:2;min-width:0}
html body[data-screen="module"] #app #main .sequence-support [data-guidance] p{
 color:#173c61!important;font-family:var(--font-learning)!important;font-size:22px!important;font-weight:400!important;line-height:1.55!important;margin:0!important;overflow-wrap:anywhere;
}
html body[data-screen="module"] #app #main .sequence-support button[data-guidance-next]{
 grid-column:2;grid-row:3;justify-self:start;display:inline-flex;align-items:center;gap:20px;min-height:54px!important;
 padding:14px 22px!important;border:1px solid #b8d3fa!important;border-radius:18px!important;background:#fff!important;
 color:#2468c1!important;font-size:17px!important;font-weight:600!important;box-shadow:0 4px 10px #2875b51a!important;
}
html body[data-screen="module"] #app #main .sequence-support button[data-guidance-next]::after{content:"›";font-size:30px;line-height:1;pointer-events:none}
html body[data-screen="module"] #app #main .sequence-support button[data-guidance-next]:disabled{color:#657885!important;background:#edf2f5!important;box-shadow:none!important}
@media(max-width:760px){
 html body[data-screen="module"] #app #main .station-body .sequence-support.sequence-support{grid-template-columns:90px minmax(0,1fr);padding:18px!important;gap:12px 16px;border-radius:20px!important}
 html body[data-screen="module"] #app #main .sequence-support::before{min-height:110px;grid-row:1/3}
 html body[data-screen="module"] #app #main .sequence-support h4{font-size:18px!important}
 html body[data-screen="module"] #app #main .sequence-support h4>.icon{display:none!important}
 html body[data-screen="module"] #app #main .sequence-support [data-guidance] p{font-size:18px!important}
 html body[data-screen="module"] #app #main .sequence-support button[data-guidance-next]{grid-column:1/-1;font-size:16px!important;max-width:100%}
}

/* Soft Professional Learning UI: shared course and module surfaces. */
body[data-screen="module"] .station-body{
 --activity-blue:#187bb8;--activity-teal:#087e73;--activity-violet:#7751ae;--activity-ink:#143a5d;
 font-family:Inter,Arial,sans-serif!important;color:var(--activity-ink)!important;
}
body[data-screen="module"] .station-body :is(button,input,select,textarea){font-family:inherit!important;letter-spacing:0!important}
body[data-screen="module"] .station-body :is(h2,h3,h4,h5){font-family:inherit!important;letter-spacing:0!important;line-height:1.4!important;overflow-wrap:anywhere}
body[data-screen="module"] .station-body :is(.context-activity-heading,.sequence-instruction,.work-activity-head,.case-question-banner,.dev-case-heading){
 padding:20px!important;border:0!important;border-left:5px solid #187bb8!important;border-radius:0 16px 16px 0!important;background:#edf6fc!important;box-shadow:none!important;
}
body[data-screen="module"] .station-body :is(.context-activity-heading.tone-purple,.sequence-instruction.tone-purple){border-left-color:#7751ae!important;background:#f5f0fa!important}
body[data-screen="module"] .station-body :is(.context-activity-heading.tone-green,.sequence-instruction.tone-green){border-left-color:#087e73!important;background:#edf8f3!important}
body[data-screen="module"] .station-body :is(.context-activity-heading,.sequence-instruction,.work-activity-head,.case-question-banner,.dev-case-heading) :is(h2,h3,h4,h5){color:#143a5d!important;font-size:20px!important;margin:6px 0!important}
body[data-screen="module"] .station-body :is(.context-activity-heading,.sequence-instruction,.work-activity-head,.case-question-banner) p{font-size:15px!important;line-height:1.7!important;color:#48667d!important}
body[data-screen="module"] .station-body :is(.context-activity,.sequence-board,.work-card,.question-box,.exam-dev-step,.az-guided>section,.cn-guided>section,.tf-guided>section,.pg-board>section){
 background:#fff!important;border:0!important;border-bottom:1px solid #d1e2ec!important;border-radius:0!important;box-shadow:none!important;padding:22px 0!important;
}
body[data-screen="module"] .station-body :is(.sequence-board,.question-box,.context-activity) :is(p,li){line-height:1.7!important}
body[data-screen="module"] .station-body :is(.sequence-written,.sequence-professional,.dev-pack){background:#f8fbfd!important;border:0!important;border-left:4px solid #a7cddd!important;border-radius:0 12px 12px 0!important;padding:20px!important}
body[data-screen="module"] .station-body :is(textarea,input[type="text"],input[type="number"],select){
 box-sizing:border-box!important;border:1px solid #a9c9dd!important;border-radius:10px!important;background:#fff!important;color:#143a5d!important;font-size:15px!important;line-height:1.6!important;
}
body[data-screen="module"] .station-body textarea{padding:16px!important;min-height:140px!important;max-width:100%!important}
body[data-screen="module"] .station-body :is(.option,.sequence-relate label,.sequence-selfcheck label){
 border:1px solid #d1e2ec!important;border-radius:12px!important;background:#f8fbfd!important;padding:14px 16px!important;color:#244b65!important;line-height:1.5!important;
}
body[data-screen="module"] .station-body :is(.option,.sequence-relate label,.sequence-selfcheck label):has(input:checked){background:#eaf7f2!important;border-color:#168d7b!important;box-shadow:inset 3px 0 #168d7b!important}
body[data-screen="module"] .station-body :is(input[type="radio"],input[type="checkbox"]){accent-color:#087e73}
body[data-screen="module"] .station-body :is(button.primary,a.primary){
 min-height:48px!important;padding:12px 18px!important;border:1px solid transparent!important;border-radius:12px!important;background:#126ca4!important;color:#fff!important;font-size:14px!important;line-height:1.4!important;box-shadow:0 3px 7px #16446320!important;
}
body[data-screen="module"] .station-body :is(button.outline,a.outline){min-height:44px!important;border:1px solid #bdd5e5!important;border-radius:12px!important;background:#fff!important;color:#245a7e!important;padding:10px 16px!important;line-height:1.4!important}
body[data-screen="module"] .station-body button:disabled{background:#e9eef2!important;color:#657885!important;box-shadow:none!important;cursor:not-allowed!important}
body[data-screen="module"] .station-body :is(.sequence-support,.sequence-feedback,.act-feedback,.az-verify,.encargo-step-verify){border-radius:0!important;box-shadow:none!important;border:0!important;border-left:4px solid #72b3a4!important;background:#eef8f4!important;padding:18px!important}
body[data-screen="module"] .station-body :is(.sequence-feedback dt,.sequence-support h4,.az-verify h3){color:#175e57!important;font-size:16px!important;font-weight:700!important}
body[data-screen="module"] .station-body :is(.sequence-stem img,.context-activity img,.work-case-photo img,.question-box img){max-width:100%!important;height:auto;object-fit:contain}
body[data-screen="module"] .station-body :is(.sequence-actions,.question-controls,.form-bottom){gap:12px!important;flex-wrap:wrap!important}
body[data-screen="module"] .station-body :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #168bb7!important;outline-offset:3px!important}
@media(max-width:650px){body[data-screen="module"] .station-body :is(.context-activity-heading,.sequence-instruction,.work-activity-head,.case-question-banner,.dev-case-heading,.sequence-written,.sequence-professional,.dev-pack){padding:16px!important}body[data-screen="module"] .station-body :is(.context-activity-heading,.sequence-instruction,.work-activity-head,.case-question-banner) :is(h2,h3,h4){font-size:18px!important}}
body:is([data-screen="courses"],[data-screen="course"],[data-screen="module"]){--aula-heading:#143a5d;--aula-muted:#48667d;--aula-card-shadow:0 4px 14px #153e5c12;font-family:Inter,Arial,sans-serif}
body[data-screen="courses"] .dashboard-reference{background:#f7fafc!important}
body[data-screen="courses"] .dash-course-card.dash-course-card{
 --course-accent:#187bb8;display:flex!important;min-height:420px!important;border:1px solid #cddfea!important;border-radius:18px!important;background:#f0f7fd!important;box-shadow:var(--aula-card-shadow)!important;
}
body[data-screen="courses"] .dash-course-card.tone-pink{--course-accent:#b83e77;background:#fff3f8!important;border-color:#eed0df!important}
body[data-screen="courses"] .dash-course-card.tone-violet{--course-accent:#7751ae;background:#f7f3fc!important;border-color:#dfd3ee!important}
body[data-screen="courses"] .dash-course-card.tone-orange{--course-accent:#996711;background:#fff9ed!important;border-color:#ebddbd!important}
body[data-screen="courses"] .dash-course-card.tone-mint,
body[data-screen="courses"] .dash-course-card.primary{--course-accent:#087e73;background:#eff9f6!important;border-color:#c5e5dc!important}
body[data-screen="courses"] .dash-course-photo{height:180px!important;background:#e7eef3!important}
body[data-screen="courses"] .dash-course-photo img{object-fit:cover!important;filter:none!important}
body[data-screen="courses"] .dash-course-body{padding:20px!important;gap:6px}
body[data-screen="courses"] .dash-course-body h3{font-size:20px!important;line-height:1.4!important;min-height:0!important;color:var(--aula-heading)!important;margin:4px 0 8px!important;overflow-wrap:anywhere}
body[data-screen="courses"] .dash-course-body>p{font-size:13px!important;line-height:1.5!important;color:var(--aula-muted)!important}
body[data-screen="courses"] .dash-course-body>small{font-size:11px!important;font-weight:700!important;line-height:1.5!important;color:var(--course-accent)!important}
body[data-screen="courses"] .dash-course-action.dash-course-action{min-height:48px!important;padding:12px 16px!important;border-radius:12px!important;background:var(--course-accent)!important;color:#fff!important;font-weight:700!important;font-size:14px!important;box-shadow:0 3px 7px #16446320!important}
body[data-screen="courses"] .dash-course-card.is-building{background:#f1f4f6!important;filter:none!important;opacity:1!important}
body[data-screen="courses"] .dash-course-card.is-building .dash-course-action{background:#e0e7eb!important;color:#536675!important;box-shadow:none!important}
body[data-screen="course"] .journey-card.journey-card{border-radius:18px!important;border:1px solid #d2e2ec!important;background:#fff!important;box-shadow:var(--aula-card-shadow)!important;overflow:hidden}
body[data-screen="course"] .journey-photo{height:180px!important;background:#eaf2f8!important}
body[data-screen="course"] .journey-photo::after{display:none!important}
body[data-screen="course"] .journey-photo img{filter:none!important;object-fit:cover!important}
body[data-screen="course"] .journey-card-body{padding:20px!important;background:color-mix(in srgb,var(--accent,#187bb8) 6%,white)!important}
body[data-screen="course"] .journey-card h2{font-size:19px!important;line-height:1.45!important;color:var(--aula-heading)!important;letter-spacing:0!important;overflow-wrap:anywhere}
body[data-screen="course"] .journey-button{border-radius:12px!important;min-height:48px!important;font-size:14px!important;font-weight:700!important}
body[data-screen="module"] :is(.oficio-task-title h5,.work-activity-head h3,.encargo-brief h5){letter-spacing:0!important;color:var(--aula-heading)!important}
body[data-screen="module"] .oficio-do-icon.tp-meaning-icon{background-image:none!important;border:1px solid #c5dfef!important;border-radius:16px!important;background-color:#ffffffa8!important;box-shadow:0 2px 5px #204a6312!important;display:grid!important;place-items:center!important}
body[data-screen="module"] .oficio-do-icon.tp-meaning-icon>svg{visibility:visible!important;width:28px!important;height:28px!important;color:#1b608a!important}
body[data-screen="module"] .oficio-do-btn.is-ahora{outline:2px solid #168d9a!important;outline-offset:2px}
@media(prefers-reduced-motion:reduce){body :is(.dash-course-photo img,.journey-photo img){transition:none!important;transform:none!important}}
body[data-screen="module"] .encargo-detail .oficio-task{padding:24px!important;border:1px solid #c4ddec!important;border-radius:18px!important;background:#fff!important;box-shadow:0 4px 14px #163d5810!important}
body[data-screen="module"] .encargo-detail :is(.oficio-task-head,.bitacora-head){padding:0 0 20px!important;margin-bottom:24px!important;border-bottom:2px solid #b9ddd8!important;gap:16px!important}
body[data-screen="module"] .encargo-detail :is(.oficio-task-title,.bitacora-head) h5{font-size:22px!important;line-height:1.4!important;color:#123b60!important;margin:8px 0!important}
body[data-screen="module"] .encargo-detail .encargo-brief>h5,
body[data-screen="module"] .encargo-detail .oficio-task>h5,
body[data-screen="module"] .encargo-detail .bitacora-sheet>h5{padding:14px 16px!important;border-left:5px solid #0e9e91!important;background:#eaf8f5!important;color:#124b55!important;font-size:19px!important;line-height:1.4!important;margin:24px 0 18px!important;border-radius:0 8px 8px 0!important}
body[data-screen="module"] .encargo-detail .encargo-brief>p{font-size:15px!important;line-height:1.7!important;margin:18px 0!important}
body[data-screen="module"] .encargo-detail .encargo-brief>p>b{display:inline-block;color:#124f78!important;font-size:16px!important;margin-bottom:5px}
body[data-screen="module"] .encargo-detail .encargo-main-action{padding:18px 20px!important;background:#edf7ff!important;border-left:4px solid #328fd8!important;margin:20px 0!important}
body[data-screen="module"] .encargo-detail .encargo-main-action>b{font-size:17px!important;color:#154e7e!important}
body[data-screen="module"] .encargo-detail .encargo-main-action p{font-size:15px!important;line-height:1.65!important;margin:8px 0 0!important}
body[data-screen="module"] .encargo-detail .encargo-brief details{border:0!important;border-bottom:1px solid #d0e3ef!important;padding:0!important;margin:0!important;background:transparent!important;border-radius:0!important}
body[data-screen="module"] .encargo-detail .encargo-brief summary{padding:16px 8px!important;min-height:48px;font-size:15px!important;font-weight:700!important;color:#175a83!important;cursor:pointer}
body[data-screen="module"] .encargo-detail .encargo-brief details>p{padding:0 12px 12px!important;line-height:1.65!important}
body[data-screen="module"] .encargo-detail .encargo-brief>ol{padding:20px 20px 20px 42px!important;background:#f0f6fc!important;margin:20px 0!important}
body[data-screen="module"] .encargo-detail .encargo-brief>ol li{padding:6px 0!important;font-size:15px!important;line-height:1.6!important}
body[data-screen="module"] .encargo-detail :is(.oficio-field,.bitacora-field){font-size:16px!important;color:#194b6b!important;font-weight:600!important}
body[data-screen="module"] .encargo-detail textarea:not([hidden]){margin-top:12px!important;border:1px solid #a9ccdf!important;border-radius:10px!important;background:#fbfdff!important;font-size:15px!important;line-height:1.6!important}
@media(max-width:650px){body[data-screen="module"] .encargo-detail .oficio-task{padding:16px!important}body[data-screen="module"] .encargo-detail :is(.oficio-task-title,.bitacora-head) h5{font-size:18px!important}}
body[data-screen="module"] .oficio-grid{gap:18px!important}
body[data-screen="module"] .oficio-card.oficio-card{
 --encargo-accent:#8760d4;display:grid!important;grid-template-columns:34% minmax(0,1fr)!important;gap:0!important;
 min-height:240px!important;padding:0!important;border-radius:18px!important;overflow:hidden!important;border-width:1px!important;
 box-shadow:0 3px 9px #153a5e18!important;
}
body[data-screen="module"] .oficio-card:nth-child(6n+2){--encargo-accent:#1683d7}
body[data-screen="module"] .oficio-card:nth-child(6n+3){--encargo-accent:#0c9b92}
body[data-screen="module"] .oficio-card:nth-child(6n+4){--encargo-accent:#d93c85}
body[data-screen="module"] .oficio-card:nth-child(6n+5){--encargo-accent:#c28813}
body[data-screen="module"] .encargo-card-photo{display:block;align-self:stretch;min-height:240px;overflow:hidden}
body[data-screen="module"] .encargo-card-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
body[data-screen="module"] .oficio-card-body{display:flex;flex-direction:column;padding:20px!important;box-sizing:border-box;min-width:0}
body[data-screen="module"] .oficio-card-body b{font-size:16px!important;line-height:1.4!important;color:#143b62!important}
body[data-screen="module"] .oficio-card-body .student-question-number{background:var(--encargo-accent)!important;color:#fff!important;border:0!important;border-radius:8px!important}
body[data-screen="module"] .oficio-product-label{align-self:flex-start;font-size:10px!important;margin-bottom:12px!important}
body[data-screen="module"] .oficio-card-kicker{font-size:13px!important;line-height:1.5!important;margin-top:6px!important}
body[data-screen="module"] .oficio-card-meta{margin-top:auto!important;padding-top:18px;justify-content:space-between;gap:10px!important}
body[data-screen="module"] .oficio-min{padding:10px;border-radius:14px;background:#ffffffb8;font-size:13px!important}
body[data-screen="module"] .oficio-chip{padding:12px 16px!important;border-radius:12px!important;background:var(--encargo-accent)!important;color:#fff!important;font-size:13px!important;box-shadow:0 3px 6px #183c5a22}
body[data-screen="module"] .oficio-card[aria-pressed="true"]{outline:2px solid var(--encargo-accent)!important;outline-offset:2px}
body[data-screen="module"] .oficio-card:focus-visible{outline:3px solid #057fc9!important;outline-offset:4px!important}
body[data-screen="module"] .oficio-do-btn.oficio-do-btn{min-height:88px!important;padding:14px 18px!important;border-radius:18px!important;box-shadow:0 2px 6px #17475d12!important;gap:16px!important}
body[data-screen="module"] .oficio-do-btn small{font-size:16px!important;color:#153d61!important}
body[data-screen="module"] .oficio-do-btn .oficio-do-n{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 5px #18547418;font-size:21px!important}
body[data-screen="module"] .oficio-do-btn .oficio-do-icon{width:56px!important;height:56px!important;flex:0 0 56px!important}
@media(max-width:1150px){body[data-screen="module"] .oficio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){body[data-screen="module"] .oficio-grid{grid-template-columns:1fr!important}body[data-screen="module"] .oficio-card-body{padding:14px!important}body[data-screen="module"] .oficio-card-meta{flex-direction:column;align-items:flex-start!important}}
body[data-screen="module"] .tp-meaning-icon.tp-icon-target{
 background-image:url('/static/objective-target-icon.png')!important;background-size:contain!important;background-position:center!important;
}
body[data-screen="module"] .work-zone-s5 .az-step.az-step.az-step:nth-child(5) .az-step-ico{background-image:url('/static/objective-target-icon.png')!important}
body[data-screen="module"] .exam-tabs.exam-tabs{
 display:grid!important;grid-template-columns:1.15fr 1fr!important;gap:16px!important;padding:12px!important;border:1px solid #bfdcff!important;border-radius:28px!important;
 background:#f5faff!important;box-shadow:0 3px 9px #1479dc12!important;
}
body[data-screen="module"] .exam-tabs.exam-tabs button[data-action="exam-tab"]{
 display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:16px!important;min-height:104px!important;
 padding:18px 24px!important;border:2px solid #d5e5fa!important;border-radius:24px!important;
 background:linear-gradient(145deg,#fff 65%,#ede3ff)!important;color:#294c77!important;font-size:20px!important;line-height:1.35!important;
 box-shadow:0 3px 7px #205a8d12!important;
}
body[data-screen="module"] .exam-tabs.exam-tabs button[data-action="exam-tab"][aria-pressed="true"]{
 border-color:#009cff!important;background:linear-gradient(145deg,#eefaff,#c8e8ff)!important;color:#075699!important;
 box-shadow:inset 0 0 0 3px #fff,0 4px 10px #008bea30!important;
}
body[data-screen="module"] .exam-tabs.exam-tabs button[data-action="exam-tab"]>.icon{
 width:32px!important;height:32px!important;padding:14px!important;box-sizing:content-box!important;flex:0 0 32px!important;
 border:1px solid #c4e2ff!important;border-radius:22px!important;background:#d7efff!important;color:#007bec!important;
}
body[data-screen="module"] .exam-tabs.exam-tabs button[data-tab="development"]>.icon{background:#eee5ff!important;color:#8038de!important;border-color:#e4d4ff!important}
body[data-screen="module"] .exam-tabs.exam-tabs .exam-tab-current{
 position:static!important;display:inline-flex!important;align-items:center!important;padding:10px 16px!important;border-radius:18px!important;
 background:#009bf0!important;color:#fff!important;font-size:15px!important;line-height:1.3!important;
}
body[data-screen="module"] .exam-tabs.exam-tabs button:focus-visible{outline:3px solid #008beb!important;outline-offset:4px!important}
@media(max-width:760px){body[data-screen="module"] .exam-tabs.exam-tabs{grid-template-columns:1fr!important;gap:12px!important}body[data-screen="module"] .exam-tabs.exam-tabs button[data-action="exam-tab"]{font-size:16px!important;padding:16px!important;gap:12px!important}}

body[data-station="5"] .work-zone-s5>.az-steps{
 display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;padding:8px!important;overflow:visible!important;
}
body[data-station="5"] .az-step:nth-child(1){--step-accent:#0875d1;--step-tint:#eaf4ff;--step-border:#b4d5f5}
body[data-station="5"] .az-step:nth-child(2){--step-accent:#159d95;--step-tint:#edf9f6;--step-border:#a3ddd5}
body[data-station="5"] .az-step:nth-child(3){--step-accent:#9760cf;--step-tint:#f5effb;--step-border:#d4b8ed}
body[data-station="5"] .az-step:nth-child(4){--step-accent:#db900e;--step-tint:#fff7e9;--step-border:#f3d295}
body[data-station="5"] .az-step:nth-child(5){--step-accent:#4da562;--step-tint:#eef9ef;--step-border:#b1d9ba}
body[data-station="5"] .work-zone-s5 .az-step.az-step.az-step:nth-child(n){
 display:grid!important;grid-template-columns:1fr 76px!important;grid-template-rows:54px 8px auto!important;gap:10px!important;align-items:start!important;
 position:relative!important;min-width:0!important;min-height:190px!important;width:auto!important;flex:auto!important;margin:0!important;padding:16px!important;
 border:2px solid var(--step-border)!important;border-radius:14px!important;background:linear-gradient(135deg,#fff,var(--step-tint))!important;
 box-shadow:0 3px 7px #173b5018!important;text-align:left!important;
}
body[data-station="5"] .work-zone-s5 .az-step.az-step.az-step.is-active{
 border-color:var(--step-accent)!important;box-shadow:0 0 0 2px var(--step-accent),0 7px 0 color-mix(in srgb,var(--step-accent) 55%,white),0 13px 18px #173b5030,inset 0 2px 0 white!important;
 transform:translateY(-5px)!important;z-index:2;
}
body[data-station="5"] .work-zone-s5 .az-step.az-step.az-step{transition:transform .18s ease,box-shadow .18s ease!important}
body[data-station="5"] .work-zone-s5 .az-step.az-step.az-step:active{transform:translateY(-1px)!important}
body[data-station="5"] .work-zone-s5 .az-step.az-step.az-step.is-active .az-step-rule{width:100%!important;height:6px!important;max-height:6px!important}
@media(prefers-reduced-motion:reduce){body[data-station="5"] .work-zone-s5 .az-step.az-step.az-step{transition:none!important}}
body.reduce-motion[data-station="5"] .work-zone-s5 .az-step.az-step.az-step{transition:none!important}
body[data-station="5"] .work-zone-s5 .az-step.az-step.az-step .az-step-num{
 grid-column:1;grid-row:1;width:42px!important;height:42px!important;flex:auto!important;border:0!important;border-radius:50%!important;
 background:var(--step-accent)!important;color:#fff!important;font-size:24px!important;
}
body[data-station="5"] .work-zone-s5 .az-step.az-step.az-step .az-step-ico{grid-column:2;grid-row:1/3;width:76px!important;height:76px!important;flex:auto!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;border-radius:50%!important}
body[data-station="5"] .work-zone-s5 .az-step.az-step.az-step .az-step-rule{grid-column:1;grid-row:2;width:44px!important;height:5px!important;min-height:5px!important;max-height:5px!important;position:static!important;align-self:start!important;transform:none!important;border-radius:4px;background:var(--step-accent)!important}
body[data-station="5"] .work-zone-s5 .az-step.az-step.az-step .az-step-copy{grid-column:1/-1;grid-row:3;min-width:0}
body[data-station="5"] .work-zone-s5 .az-step.az-step.az-step .az-step-copy b{font-size:15px!important;color:#12385a!important;line-height:1.35!important}
body[data-station="5"] .work-zone-s5 .az-step.az-step.az-step .az-step-copy small{display:block;margin-top:10px;font-size:13px!important;color:#36566f!important;line-height:1.45!important}
body[data-station="5"] .work-zone-s5 .az-step.az-step.az-step .az-step-badge{display:none!important}
body[data-station="5"] .work-zone-s5 .az-step.az-step.az-step::after{display:none!important}
body[data-station="5"] .work-zone-s5 .az-step.az-step.az-step:focus-visible{outline:3px solid var(--step-accent);outline-offset:4px}
@media(max-width:1100px){body[data-station="5"] .work-zone-s5>.az-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:650px){body[data-station="5"] .work-zone-s5>.az-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}body[data-station="5"] .work-zone-s5 .az-step.az-step.az-step:nth-child(n){padding:12px!important;grid-template-columns:1fr 56px!important}body[data-station="5"] .work-zone-s5 .az-step.az-step.az-step .az-step-ico{width:56px!important;height:56px!important}}
html body :is(.tools-fab,#aula-tools-fab):has(.nubi-robot){--nubi-size:132px;display:flex!important;align-items:center;width:var(--nubi-size)!important;height:var(--nubi-size)!important;min-width:0!important;min-height:0!important;max-width:none!important;animation:none!important;filter:none!important;opacity:1!important}
html body :is(.tools-fab,#aula-tools-fab) .tools-fab-btn:has(.nubi-robot){width:var(--nubi-size)!important;height:var(--nubi-size)!important;min-width:var(--nubi-size)!important;min-height:var(--nubi-size)!important}
@media(max-width:560px){html body :is(.tools-fab,#aula-tools-fab):has(.nubi-robot){--nubi-size:106px}}
.tools-fab .tools-fab-panel{width:min(380px,calc(100vw - 32px))!important;overflow-y:auto!important;overscroll-behavior:contain;touch-action:pan-y}
.tools-fab .tools-fab-btn .nubi-robot{image-rendering:auto;background-size:contain!important;transform-origin:50% 50%!important;filter:drop-shadow(0 0 3px #e5faff) drop-shadow(0 0 10px #83cfff90)!important}
.tools-fab .tools-fab-btn:is(:hover,:focus-visible) .nubi-robot{filter:drop-shadow(0 0 4px #e5faff) drop-shadow(0 0 14px #70c4ffb0)!important;scale:1!important}
.tools-fab .tools-fab-btn .nubi-robot[data-emotion]{--nubi-frame-x:0%;--nubi-frame-y:0%;background-image:url('/static/nubi-body-poses-v4.png')!important;background-size:400% 400%!important;background-position:var(--nubi-frame-x) var(--nubi-frame-y)!important;background-repeat:no-repeat!important;animation:none!important;scale:1!important}
.tools-fab .tools-fab-btn .nubi-robot[data-emotion="idle"]{animation:none!important}
.tools-fab .tools-fab-btn .nubi-robot[data-emotion="turn"]{background-image:none!important;animation:nubi-body-turn 1.2s steps(1,end) 1,nubi-turn-settle 1.2s cubic-bezier(.22,.61,.36,1) 1!important;will-change:transform}
.tools-fab .tools-fab-btn .nubi-robot:is([data-emotion="wave"],[data-emotion="celebrate"]){background-image:none!important;animation:nubi-body-wave 1.4s steps(1,end) 1,nubi-wave-settle 1.4s ease-in-out 1!important;will-change:transform}
/* Sprite cells have different aspect ratios. Keep their natural proportions
   and match the measured opaque-body height of the resting 4x4 sheet. */
.tools-fab .tools-fab-btn .nubi-robot:is([data-emotion="turn"],[data-emotion="wave"],[data-emotion="celebrate"]){position:relative;overflow:hidden}
.tools-fab .tools-fab-btn .nubi-robot:is([data-emotion="turn"],[data-emotion="wave"],[data-emotion="celebrate"])::before{content:"";position:absolute;top:0;height:100%;background-repeat:no-repeat;background-position:var(--nubi-frame-x) 50%;pointer-events:none}
.tools-fab .tools-fab-btn .nubi-robot[data-emotion="turn"]::before{left:20.25%;width:59.5%;background-image:url('/static/nubi-body-turn-360-v4.png');background-size:800% auto}
.tools-fab .tools-fab-btn .nubi-robot:is([data-emotion="wave"],[data-emotion="celebrate"])::before{left:3.5%;width:93%;background-image:url('/static/nubi-wave-wink-v5.png');background-size:400% auto}
.tools-fab .tools-fab-btn .nubi-robot[data-emotion]{transition:transform 160ms ease!important;filter:drop-shadow(0 0 7px #83cfff90)!important}
@keyframes nubi-turn-settle{0%,100%{transform:translateY(0)}30%{transform:translateY(-3px)}70%{transform:translateY(-2px)}}
@keyframes nubi-wave-settle{0%,100%{transform:translateY(0)}35%,65%{transform:translateY(-2px)}}
.tools-fab.is-open .tools-fab-panel{animation:nubi-panel-enter 180ms cubic-bezier(.22,.61,.36,1) both!important}
@keyframes nubi-panel-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.tools-fab.is-open .tools-fab-panel{animation:none!important}}
.reduce-motion .tools-fab.is-open .tools-fab-panel{animation:none!important}
/* Animate frame variables so the legacy important background rule cannot freeze poses. */
@keyframes nubi-body-rest{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes nubi-body-turn{
 0%,100%{--nubi-frame-x:0%;--nubi-frame-y:0%}
 12.5%{--nubi-frame-x:14.285714%}
 25%{--nubi-frame-x:28.571429%}
 37.5%{--nubi-frame-x:42.857143%}
 50%{--nubi-frame-x:57.142857%}
 62.5%{--nubi-frame-x:71.428571%}
 75%{--nubi-frame-x:85.714286%}
 87.5%{--nubi-frame-x:100%}
}
@keyframes nubi-body-wave{
 0%,100%{--nubi-frame-x:0%;--nubi-frame-y:0%}
 20%,55%{--nubi-frame-x:33.333333%}
 35%,70%{--nubi-frame-x:66.666667%}
 85%,99%{--nubi-frame-x:100%}
}
@media(prefers-reduced-motion:reduce){.tools-fab .tools-fab-btn .nubi-robot[data-emotion]{animation:none!important;background-position:0% 0%!important;transform:none!important}}
.reduce-motion .tools-fab .tools-fab-btn .nubi-robot[data-emotion],.tools-fab.is-dragging .tools-fab-btn .nubi-robot[data-emotion],body:has(:is(input,textarea,[contenteditable="true"]):focus) .tools-fab .tools-fab-btn .nubi-robot[data-emotion]{animation:none!important;background-position:0% 0%!important;transform:none!important}

/* Flat cloud replaces every legacy robot pose without moving its hit target. */
html body .tools-fab:has(.nubi-cloud){transform:none!important;translate:none!important;rotate:none!important;scale:1!important}
html body .tools-fab[data-emotion] .tools-fab-btn,
html body .tools-fab .tools-fab-btn:is(:hover,:active,:focus-visible){animation:none!important;transform:none!important;translate:none!important;rotate:none!important;scale:1!important;background:transparent!important;box-shadow:none!important;filter:none!important}
html body .tools-fab .tools-fab-btn:focus-visible{outline:2px solid #1677ff!important;outline-offset:2px!important;border-radius:8px!important}
html body .tools-fab .tools-fab-btn .nubi-cloud[data-emotion]{position:relative!important;display:block!important;width:var(--nubi-size)!important;height:var(--nubi-size)!important;flex:0 0 var(--nubi-size)!important;background:none!important;filter:none!important;box-shadow:none!important;animation:none!important;transform:none!important;translate:none!important;rotate:none!important;scale:1!important;transition:none!important;overflow:visible!important;will-change:auto!important}
html body .tools-fab .nubi-cloud::before,html body .tools-fab .nubi-cloud::after{content:none!important;display:none!important}
html body .nubi-cloud>svg{display:block;width:100%;height:100%;max-width:none;fill:none;filter:none!important;overflow:visible}
html body .nubi-cloud .nubi-eyes{position:absolute;inset:0;display:flex;gap:7px;align-items:center;justify-content:center;transform:translate(var(--nubi-look-x,0px),var(--nubi-look-y,0px));transition:transform 300ms ease-in-out;pointer-events:none}
html body .nubi-cloud .nubi-eye{display:block;flex:none;width:19px;height:22px;background:#fff;border:0;border-radius:50%;box-shadow:none;filter:none;opacity:1;transition:width 120ms ease,height 120ms ease,border-radius 120ms ease}
html body .nubi-cloud[data-emotion="happy"] .nubi-eye{width:22px;height:11px;border-radius:22px 22px 0 0}
html body .nubi-cloud:is([data-emotion="listening"],[data-emotion="speaking"]) .nubi-eye{width:13px;height:var(--nubi-voice-height,23px);border-radius:20px;transition:width 120ms ease,height 100ms ease,border-radius 120ms ease}
@media(max-width:560px){html body .nubi-cloud .nubi-eye{width:16px;height:18px}html body .nubi-cloud[data-emotion="happy"] .nubi-eye{width:18px;height:9px}}
@media(prefers-reduced-motion:reduce){html body .nubi-cloud .nubi-eyes,html body .nubi-cloud .nubi-eye{transition:none!important}}
.reduce-motion .nubi-cloud .nubi-eyes,.reduce-motion .nubi-cloud .nubi-eye{transition:none!important}
/* Final summary presentation, after the legacy station styles. */
html body[data-screen="module"] #app #main .avance-strip.avance-strip{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.15fr)!important;gap:14px!important;align-items:stretch}
html body[data-screen="module"] #app #main .avance-strip.avance-strip>:is(.av2-ident,.av2-card){min-height:196px!important;padding:20px!important;border-radius:16px!important;box-sizing:border-box;box-shadow:none!important}
html body[data-screen="module"] #app #main .avance-strip.avance-strip>.av2-ident{padding-right:100px!important;gap:18px!important;background:#f7fbff!important}
html body[data-screen="module"] #app #main .avance-strip.avance-strip>.av2-ident::after{content:""!important;display:block!important;position:absolute!important;width:76px!important;height:90px!important;right:12px!important;top:calc(50% - 45px)!important;background:url('/static/activity-document-icon.png') center/contain no-repeat!important;opacity:1!important}
html body[data-screen="module"] #app #main .avance-strip.avance-strip .av2-mod-title{font:800 20px/1.45 var(--font-identity)!important;color:#13345d!important}
html body[data-screen="module"] #app #main .avance-strip.avance-strip .av2-ae{font-size:16px!important;line-height:1.5!important}
html body[data-screen="module"] #app #main .avance-strip.avance-strip .av2-card-head{font:800 16px/1.4 var(--font-identity)!important;letter-spacing:0!important;margin-bottom:16px!important}
html body[data-screen="module"] #app #main .avance-strip.avance-strip .av2-aprendizaje{background:#effbf5!important;color:#00a083!important}
html body[data-screen="module"] #app #main .avance-strip.avance-strip .av2-apre-body{display:flex!important;gap:18px!important;align-items:center!important}
html body[data-screen="module"] #app #main .avance-strip.avance-strip .av2-book{width:64px!important;height:64px!important;flex:0 0 64px!important;display:grid!important;place-items:center}
html body[data-screen="module"] #app #main .avance-strip.avance-strip .av2-label{font-size:14px!important;line-height:1.4!important}
html body[data-screen="module"] #app #main .avance-strip.avance-strip .av2-value{display:block!important;font:800 40px/1.15 var(--font-identity)!important;color:#00a18c!important}
html body[data-screen="module"] #app #main .avance-strip.avance-strip .av2-bar{display:block!important;width:100%!important;height:14px!important;border:2px solid white!important;border-radius:10px!important;background:#dce8e4!important;margin:4px 0!important;overflow:hidden;box-sizing:border-box}
html body[data-screen="module"] #app #main .avance-strip.avance-strip .av2-bar>i{display:block!important;height:100%!important;background:#12b99b!important}
html body[data-screen="module"] #app #main .avance-strip.avance-strip .av2-motive{display:block;font-size:14px!important;line-height:1.5!important;white-space:normal!important;color:#049e64!important}
html body[data-screen="module"] #app #main .avance-strip.avance-strip>.av2-logro{padding-right:90px!important;background:#f7f4ff!important}
html body[data-screen="module"] #app #main .avance-strip.avance-strip .av2-pct{width:72px!important;height:72px!important;font-size:26px!important;flex:0 0 72px!important}
html body[data-screen="module"] #app #main .avance-strip.avance-strip .av2-logro-copy>b{font-size:18px!important;line-height:1.4!important}
html body[data-screen="module"] #app #main .avance-strip.avance-strip .av2-logro-copy>small{display:block!important;font-size:16px!important;line-height:1.5!important}
@media(max-width:1200px){html body[data-screen="module"] #app #main .avance-strip.avance-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body[data-screen="module"] #app #main .avance-strip.avance-strip>.av2-ident{grid-column:1/-1}}
@media(max-width:650px){html body[data-screen="module"] #app #main .avance-strip.avance-strip{grid-template-columns:minmax(0,1fr)!important}html body[data-screen="module"] #app #main .avance-strip.avance-strip>:is(.av2-ident,.av2-card){padding:18px!important;min-height:180px!important}html body[data-screen="module"] #app #main .avance-strip.avance-strip>.av2-ident::after,html body[data-screen="module"] #app #main .avance-strip.avance-strip>.av2-logro::after{display:none!important}}

/* Reference cloud keeps the established fixed hit area and animated eye states. */
html body .nubi-cloud>.nubi-reference-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
html body .nubi-cloud svg.nubi-motion-guide{display:none}
html body .nubi-cloud .nubi-eyes{top:14%;gap:18%;padding-left:2%}
html body .nubi-cloud .nubi-eye{width:10%;height:15%;background:radial-gradient(ellipse at 62% 24%,#fff 0 14%,transparent 16%),linear-gradient(175deg,#061343 55%,#005dac 83%,#24d5f4);border-radius:48%;box-shadow:inset 0 0 1px #fff}
html body .nubi-cloud[data-emotion="happy"] .nubi-eye{width:11%;height:7%;border-radius:50% 50% 0 0;background:#061343;box-shadow:none}
html body .nubi-cloud:is([data-emotion="listening"],[data-emotion="speaking"]) .nubi-eye{width:7%;height:calc(var(--nubi-voice-height,23px)*.8);background:#061343}
/* Orthographic rotation keeps the front/back views the same apparent size. */
html body .nubi-cloud .nubi-float{position:absolute;inset:0;animation:nubi-gentle-float 7.3s ease-in-out infinite;transform-style:preserve-3d}
html body .nubi-cloud .nubi-rotor{position:absolute;inset:0;transform-style:preserve-3d}
html body .nubi-cloud .nubi-front,html body .nubi-cloud .nubi-back{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}
html body .nubi-cloud .nubi-reference-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:brightness(1.2);pointer-events:none;user-select:none}
html body .scene-nubi-art{filter:brightness(1.2)}
html body .sequence-support::before{filter:brightness(1.2)}
@keyframes nubi-gentle-float{0%,100%{transform:translateY(0) rotateZ(0)}32%{transform:translateY(-2px) rotateZ(.7deg)}71%{transform:translateY(1px) rotateZ(-.5deg)}}
html body:has(:is(input,textarea,[contenteditable="true"]):focus) .nubi-cloud .nubi-float,
html body .tools-fab.is-dragging .nubi-cloud .nubi-float{animation:none;transform:none}
@media(prefers-reduced-motion:reduce){html body .nubi-cloud .nubi-float{animation:none!important;transform:none!important}}
html body.reduce-motion .nubi-cloud .nubi-float,html.reduce-motion .nubi-cloud .nubi-float{animation:none!important;transform:none!important}

/* Fixed-size viewport; volume and lighting are rendered by the local 3D scene. */
html body .nubi-cloud>canvas.nubi-volume{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;pointer-events:none;filter:brightness(1.2)!important;transform:none!important}
html body .nubi-cloud[data-volume-ready]>:not(canvas){visibility:hidden!important}

/* Original activity labels, framed without renumbering or altering their text. */
html body[data-screen="module"] #app #main .activity-number-badge{display:inline-grid;place-items:center;vertical-align:middle;flex-shrink:0;width:52px;height:52px;margin-right:10px;padding:5px 8px 7px 4px;box-sizing:border-box;background:url('/static/activity-number-tile.svg') center/100% 100% no-repeat;color:#075cbd;font:800 19px/1.2 var(--font-identity);letter-spacing:0;white-space:nowrap}