/* Presentation only; demo data and pedagogical controls remain native. */
html body[data-screen="module"] #app #main .exam-brief.exam-brief-compact{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:16px 0!important;width:100%;box-sizing:border-box}
html body[data-screen="module"] #app #main .exam-brief.exam-brief-compact>article{padding:14px 16px!important;min-height:0!important;border-radius:8px!important;min-width:0;box-sizing:border-box}
html body[data-screen="module"] #app #main .exam-brief.exam-brief-compact h3{font-size:17px!important;line-height:1.35!important;margin:8px 0 12px!important;gap:8px!important}
html body[data-screen="module"] #app #main .exam-brief.exam-brief-compact h3>.exam-ico{width:30px!important;height:30px!important;flex-basis:30px!important;padding:5px!important}
html body[data-screen="module"] #app #main .exam-brief.exam-brief-compact :is(p,li){font-size:14px!important;line-height:1.45!important;margin:6px 0!important}
html body[data-screen="module"] #app #main .exam-brief.exam-brief-compact ul{padding-left:18px!important;margin:8px 0!important}
html body[data-screen="module"] #app #main .exam-brief.exam-brief-compact small{font-size:12px!important;line-height:1.4!important}
html body[data-screen="module"] #app #main .exam-brief.exam-brief-compact .exam-important>figure{display:none!important}
@media(max-width:800px){html body[data-screen="module"] #app #main .exam-brief.exam-brief-compact{grid-template-columns:minmax(0,1fr)!important}}
html body[data-screen="module"] #app #main .exam-closing-live{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) minmax(140px,.65fr);gap:22px;align-items:center;padding:18px 22px!important;border:1px solid #c9e3fa;border-left:4px solid #efad24;border-radius:8px;background:#f6fbff;min-height:170px;box-sizing:border-box}
html body[data-screen="module"] #app #main .exam-closing-live::after{display:none!important}
html body[data-screen="module"] #app #main .exam-closing-copy>small,html body[data-screen="module"] #app #main .exam-closing-trophy>small{display:inline-block;padding:5px 10px;border-radius:12px;background:#fff1ce;color:#a76905;font-size:11px;font-weight:800}
html body[data-screen="module"] #app #main .exam-closing-copy>h3{font:800 24px/1.25 var(--font-identity)!important;color:#123c65!important;margin:10px 0!important}
html body[data-screen="module"] #app #main .exam-closing-copy>p{font:15px/1.5 var(--font-body,Inter,sans-serif)!important;margin:0!important;color:#42617e}
html body[data-screen="module"] #app #main .exam-closing-counts{display:flex;align-items:center;gap:10px;min-width:0}
html body[data-screen="module"] #app #main .exam-closing-counts>div{flex:1;min-width:0;padding:14px 10px;border:1px solid #cbe3f9;border-radius:8px;background:white;text-align:center}
html body[data-screen="module"] #app #main .exam-closing-counts b{display:block;font:800 32px/1.2 var(--font-identity);color:#087ec9}
html body[data-screen="module"] #app #main .exam-closing-counts span{font-size:13px;line-height:1.4;color:#345878}
html body[data-screen="module"] #app #main .exam-closing-counts>div:last-child b{color:#009c77}
html body[data-screen="module"] #app #main .exam-closing-trophy{text-align:center;min-width:0}
html body[data-screen="module"] #app #main .exam-closing-trophy>img{display:block;width:110px;height:100px;object-fit:contain;margin:6px auto;animation:nubita-trophy-radiance 5s ease-in-out infinite;filter:drop-shadow(0 0 12px #ffdf89)}
html body[data-screen="module"] #app #main .exam-closing-trophy>p{font-size:12px!important;line-height:1.4;margin:4px 0!important;color:#456685}
@media(max-width:900px){html body[data-screen="module"] #app #main .exam-closing-live{grid-template-columns:minmax(0,1fr) 140px}html body[data-screen="module"] #app #main .exam-closing-counts{grid-column:1;grid-row:2}html body[data-screen="module"] #app #main .exam-closing-trophy{grid-column:2;grid-row:1/3}}
@media(max-width:550px){html body[data-screen="module"] #app #main .exam-closing-live{grid-template-columns:minmax(0,1fr);padding:16px!important}html body[data-screen="module"] #app #main .exam-closing-trophy{grid-column:1;grid-row:auto}html body[data-screen="module"] #app #main .exam-closing-counts{gap:6px}html body[data-screen="module"] #app #main .exam-closing-counts>div{padding:10px 6px}html body[data-screen="module"] #app #main .exam-closing-counts b{font-size:26px}}
@media(prefers-reduced-motion:reduce){html body[data-screen="module"] #app #main .exam-closing-trophy>img{animation:none!important}}
.reduce-motion .exam-closing-trophy>img{animation:none!important}
html body.reduce-motion[data-screen="module"] #app #main .exam-closing-trophy>img{animation:none!important;transform:none!important}
html body[data-screen="module"] #app #main .exam-closing-banner{position:relative}
html body[data-screen="module"] #app #main .exam-closing-banner::after{content:"";position:absolute;left:83%;top:27%;width:14%;height:46%;background:url('/static/evaluation-closing-banner.png') 96.5% 50%/714.286% 217.391% no-repeat;box-shadow:0 0 20px 5px #ffdd8070;animation:aula-divine-trophy 5s ease-in-out infinite;pointer-events:none;border-radius:18%}
@keyframes aula-divine-trophy{0%,100%{transform:translateY(0);filter:drop-shadow(0 0 4px #ffe9a9)}50%{transform:translateY(-6px);filter:drop-shadow(0 0 14px #ffce5a)}}
@media(prefers-reduced-motion:reduce){html body[data-screen="module"] #app #main .exam-closing-banner::after{animation:none!important}}
.reduce-motion .exam-closing-banner::after{animation:none!important}
html body[data-screen="module"] #app #main .exam-assessment-photo{position:relative;isolation:isolate;overflow:hidden}
html body[data-screen="module"] #app #main .exam-assessment-photo>img{position:relative;z-index:1;animation:nubita-trophy-radiance 5s ease-in-out infinite!important;transform-origin:50% 75%;filter:drop-shadow(0 0 12px #ffcf5c80)!important}
html body[data-screen="module"] #app #main .exam-assessment-photo::before{content:"";position:absolute;inset:8%;z-index:0;background:radial-gradient(ellipse at center,#fff8cd 0%,#ffe49a80 38%,#fff4cf00 72%);filter:blur(12px);animation:nubita-trophy-aura 5s ease-in-out infinite;pointer-events:none}
html body[data-screen="module"] #app #main .exam-assessment-photo::after{content:"";position:absolute;inset:8%;z-index:2;box-shadow:inset 0 0 36px #ffe7a066;border-radius:50%;pointer-events:none;animation:nubita-trophy-aura 5s ease-in-out infinite}
@keyframes nubita-trophy-radiance{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes nubita-trophy-aura{0%,100%{opacity:.45}50%{opacity:.9}}
@media(prefers-reduced-motion:reduce){html body[data-screen="module"] #app #main .exam-assessment-photo>img,html body[data-screen="module"] #app #main .exam-assessment-photo::before,html body[data-screen="module"] #app #main .exam-assessment-photo::after{animation:none!important;transform:none!important}}
.reduce-motion .exam-assessment-photo>img,.reduce-motion .exam-assessment-photo::before,.reduce-motion .exam-assessment-photo::after{animation:none!important;transform:none!important}
.tools-fab .tools-fab-btn .nubi-robot{transform-origin:50% 80%;will-change:auto}
.tools-fab .tools-fab-btn .nubi-robot[data-emotion="wave"]{animation:nubita-greeting 1.8s ease-in-out 1!important}
.tools-fab .tools-fab-btn .nubi-robot[data-emotion="turn"]{animation:nubita-turn 2s ease-in-out 1!important}
.tools-fab .tools-fab-btn .nubi-robot[data-emotion="celebrate"]{animation:nubita-greeting 1.8s ease-in-out 1!important}
.tools-fab.is-dragging .tools-fab-btn .nubi-robot{animation:none!important;transform:none!important}
body:has(:is(input,textarea,[contenteditable="true"]):focus) .tools-fab .tools-fab-btn .nubi-robot{animation:none!important;transform:none!important}
@keyframes nubita-greeting{0%,100%{transform:translateY(0) rotate(0)}18%{transform:translateY(-3px) rotate(-4deg)}36%{transform:translateY(-3px) rotate(4deg)}54%{transform:translateY(-2px) rotate(-3deg)}72%{transform:translateY(-2px) rotate(3deg)}88%{transform:translateY(-1px) rotate(-1deg)}}
@keyframes nubita-turn{0%,100%{transform:perspective(600px) translateX(0) rotateY(0deg)}25%,38%{transform:perspective(600px) translateX(-3px) rotateY(-22deg)}60%,75%{transform:perspective(600px) translateX(3px) rotateY(22deg)}}
@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}
html body[data-screen="module"] #app #main .avance-strip{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.15fr)!important;gap:14px!important;margin:22px 0!important}
html body[data-screen="module"] #app #main .avance-strip>:is(.av2-ident,.av2-card){position:relative;min-width:0;min-height:180px!important;padding:20px!important;border-radius:8px!important;box-sizing:border-box;overflow:hidden;box-shadow:none!important}
html body[data-screen="module"] #app #main .av2-ident{display:flex!important;align-items:center;gap:20px!important;padding-right:110px!important;background:#f8fcff!important;border:1px solid #c9e4ff!important}
html body[data-screen="module"] #app #main .av2-ident::after{content:"";position:absolute;right:14px;top:calc(50% - 44px);width:84px;height:88px;background:url('/static/activity-document-icon.png') center/contain no-repeat;pointer-events:none}
html body[data-screen="module"] #app #main .av2-ident-badge{width:64px!important;height:72px!important;flex:0 0 64px;border-radius:16px!important;display:grid;place-items:center;background:#1677e7!important;color:white}
html body[data-screen="module"] #app #main .av2-ident-badge svg{width:34px!important;height:34px!important}
html body[data-screen="module"] #app #main .av2-mod-pill{font-size:14px!important;padding:6px 12px!important;background:#ddf5e9!important;color:#08a56a!important}
html body[data-screen="module"] #app #main .av2-mod-title{display:block;font:800 20px/1.4 var(--font-identity)!important;color:#102e5c!important;margin:10px 0!important;overflow-wrap:break-word}
html body[data-screen="module"] #app #main .av2-ae{font-size:16px!important;color:#627d9a!important}
html body[data-screen="module"] #app #main .av2-aprendizaje{background:#f0fbf5!important;border:1px solid #bce9d7!important}
html body[data-screen="module"] #app #main .av2-logro{background:#f7f4ff!important;border:1px solid #dbd0ff!important;padding-right:100px!important}
html body[data-screen="module"] #app #main .av2-logro::after{content:"";position:absolute;right:10px;top:calc(50% - 44px);width:78px;height:90px;background:url('/static/evaluation-clipboard-icon.png') center/contain no-repeat;pointer-events:none}
html body[data-screen="module"] #app #main .av2-card-head{font-size:15px!important;font-weight:800!important;gap:12px!important;margin-bottom:18px!important}
html body[data-screen="module"] #app #main .av2-apre-body{display:flex!important;align-items:center;gap:18px!important}
html body[data-screen="module"] #app #main .av2-book{width:64px!important;height:64px!important;flex:0 0 64px;background:white!important;border-radius:50%!important;color:#06b780!important;border:1px solid #d0f0e4!important}
html body[data-screen="module"] #app #main .av2-book svg{width:32px!important;height:32px!important}
html body[data-screen="module"] #app #main .av2-apre-copy{min-width:0;flex:1}
html body[data-screen="module"] #app #main .av2-label{font-size:13px!important;color:#496989!important}
html body[data-screen="module"] #app #main .av2-value{font-size:36px!important;line-height:1.2!important;color:#00a68d!important}
html body[data-screen="module"] #app #main .av2-bar{height:12px!important;width:100%!important}
html body[data-screen="module"] #app #main .av2-motive{font-size:14px!important;line-height:1.5!important;margin-top:10px!important;white-space:normal!important}
html body[data-screen="module"] #app #main .av2-logro-body{display:flex!important;align-items:center;gap:16px!important}
html body[data-screen="module"] #app #main .av2-pct{width:70px!important;height:70px!important;flex:0 0 70px;font-size:24px!important;color:#7961ee!important}
html body[data-screen="module"] #app #main .av2-logro-copy b{font-size:17px!important;line-height:1.4!important;color:#153260!important}
html body[data-screen="module"] #app #main .av2-logro-copy small{font-size:15px!important;line-height:1.5!important;color:#5a7396!important}
html body[data-screen="module"] #app #main .avance-strip>.av2-ident{padding-right:110px!important}
html body[data-screen="module"] #app #main .avance-strip>.av2-logro{padding-right:100px!important}
html body[data-screen="module"] #app #main .avance-strip>.av2-ident::after{display:block!important}
@media(max-width:1200px){html body[data-screen="module"] #app #main .avance-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body[data-screen="module"] #app #main .av2-ident{grid-column:1/-1}}
@media(max-width:650px){html body[data-screen="module"] #app #main .avance-strip{grid-template-columns:minmax(0,1fr)!important}html body[data-screen="module"] #app #main .avance-strip>:is(.av2-ident,.av2-card){min-height:160px!important;padding:18px!important}html body[data-screen="module"] #app #main .avance-strip>.av2-ident::after,html body[data-screen="module"] #app #main .av2-logro::after{display:none!important}html body[data-screen="module"] #app #main .av2-mod-title{font-size:18px!important}}
html body[data-screen="module"] #app #main .atp-hero.is-station{height:auto!important;min-height:500px!important;max-height:none!important;grid-template-columns:190px minmax(0,1.1fr) minmax(0,1fr)!important;background:#fff!important;border:1px solid #d8e8f8!important;border-radius:24px!important;overflow:hidden;margin-bottom:24px!important}
html body[data-screen="module"] #app #main .atp-hero.is-station .atp-hero-id{padding:18px 16px!important;gap:16px!important;border-right:1px solid #e2eef8!important;box-sizing:border-box;min-width:0}
html body[data-screen="module"] #app #main .atp-hero.is-station .atp-hero-logo{width:100%!important;max-width:none!important;min-height:110px!important;box-sizing:border-box;border-radius:8px!important}
html body[data-screen="module"] #app #main .atp-hero.is-station .atp-hero-logo img{max-height:86px!important;object-fit:contain!important}
html body[data-screen="module"] #app #main .atp-hero.is-station .atp-hero-back{width:100%;box-sizing:border-box;min-height:48px!important;justify-content:center;font-size:16px!important;border-radius:8px!important}
html body[data-screen="module"] #app #main .atp-hero.is-station .atp-hero-copy{padding:32px!important;min-width:0;align-self:center;box-sizing:border-box}
html body[data-screen="module"] #app #main .atp-hero.is-station .atp-hero-sign{font-size:19px!important;padding:10px 14px!important;display:inline-flex!important;align-items:center;gap:12px;border-radius:40px!important;width:auto!important;max-width:100%;box-sizing:border-box;background:#fff!important;border:1px solid var(--hero-soft)}
html body[data-screen="module"] #app #main .atp-hero.is-station .atp-hero-sign-num{width:54px!important;height:54px!important;display:grid;place-items:center;border-radius:50%;font-size:27px!important;background:var(--hero-accent);color:white}
html body[data-screen="module"] #app #main .atp-hero.is-station .atp-hero-kicker{font-size:16px!important;line-height:1.5!important;padding:12px 16px!important;border-radius:28px!important;background:var(--hero-soft)!important;color:var(--hero-accent)!important;max-width:100%;box-sizing:border-box}
html body[data-screen="module"] #app #main .atp-hero.is-station h1{font:800 38px/1.15 var(--font-identity)!important;letter-spacing:0!important;color:#0b365a!important;margin:24px 0 20px!important;overflow-wrap:break-word}
html body[data-screen="module"] #app #main .atp-hero.is-station h1 :is(span,em){color:var(--hero-accent)!important}
html body[data-screen="module"] #app #main .atp-hero.is-station :is(.atp-hero-detail,.atp-hero-purpose){font:400 19px/1.5 var(--font-body,Inter,sans-serif)!important;color:#516c8b!important;max-width:none!important;margin:12px 0!important}
html body[data-screen="module"] #app #main .atp-hero.is-station .atp-hero-quote{font-size:20px!important;line-height:1.5!important;font-weight:700!important;max-width:none!important;margin:22px 0 0!important;padding:16px 20px!important;border-left:5px solid var(--hero-accent)!important;border-radius:0 8px 8px 0!important;background:var(--hero-soft)!important;transform:none!important}
html body[data-screen="module"] #app #main .atp-hero.is-station .atp-hero-visual{height:100%!important;min-height:500px!important;padding:0!important;align-self:stretch;min-width:0;border-radius:0!important}
html body[data-screen="module"] #app #main .atp-hero.is-station .atp-hero-visual>img{width:100%!important;height:100%!important;min-height:500px!important;object-fit:cover!important;object-position:center!important}
@media(max-width:1100px){html body[data-screen="module"] #app #main .atp-hero.is-station{grid-template-columns:150px minmax(0,1fr)!important}html body[data-screen="module"] #app #main .atp-hero.is-station .atp-hero-visual{grid-column:1/-1;min-height:260px!important;height:260px!important}html body[data-screen="module"] #app #main .atp-hero.is-station .atp-hero-visual>img{min-height:260px!important;height:260px!important}html body[data-screen="module"] #app #main .atp-hero.is-station h1{font-size:32px!important}}
@media(max-width:650px){html body[data-screen="module"] #app #main .atp-hero.is-station{grid-template-columns:minmax(0,1fr)!important}html body[data-screen="module"] #app #main .atp-hero.is-station .atp-hero-id{border:0!important;border-bottom:1px solid #e2eef8!important;display:grid!important;grid-template-columns:80px minmax(0,1fr);align-items:center;padding:12px!important;gap:12px!important}html body[data-screen="module"] #app #main .atp-hero.is-station .atp-hero-logo{min-height:70px!important}html body[data-screen="module"] #app #main .atp-hero.is-station .atp-hero-logo img{max-height:52px!important}html body[data-screen="module"] #app #main .atp-hero.is-station :is(.atp-hero-side,.atp-hero-progress,.atp-hero-account){grid-column:1/-1}html body[data-screen="module"] #app #main .atp-hero.is-station .atp-hero-copy{padding:20px!important}html body[data-screen="module"] #app #main .atp-hero.is-station h1{font-size:28px!important}html body[data-screen="module"] #app #main .atp-hero.is-station :is(.atp-hero-detail,.atp-hero-purpose,.atp-hero-quote){font-size:17px!important}html body[data-screen="module"] #app #main .atp-hero.is-station .atp-hero-sign{font-size:16px!important}}
html body[data-screen="module"] #app #main .lr-head.lr-head-compact{grid-template-columns:90px minmax(0,1.1fr) minmax(0,1fr)!important;gap:26px!important;padding:26px!important;background:#f5fbff!important;border:2px solid #d7eeff!important;box-shadow:none!important}
html body[data-screen="module"] #app #main .lr-head-compact-icon{width:90px!important;height:90px!important;background:#e0f0ff!important;color:#0870da!important}
html body[data-screen="module"] #app #main .lr-head-compact-copy>small{font-size:14px!important;font-weight:800!important;padding:7px 14px!important;color:#0581aa!important}
html body[data-screen="module"] #app #main .lr-head-compact-copy h2{font-size:28px!important;line-height:1.3!important;color:#142454!important;letter-spacing:0!important}
html body[data-screen="module"] #app #main .lr-head-compact-copy h2>span{color:#0670ed}
html body[data-screen="module"] #app #main .lr-head-compact-copy p{font-size:20px!important;color:#506d91!important}
html body[data-screen="module"] #app #main .lr-head-compact .lr-progress{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:14px 16px;align-items:center;padding-left:32px!important}
html body[data-screen="module"] #app #main .lr-progress-heading{grid-column:1/-1;font-size:21px!important;font-weight:700;gap:34px!important}
html body[data-screen="module"] #app #main .lr-progress-heading strong{font-size:46px!important;font-weight:800!important}
html body[data-screen="module"] #app #main .lr-completion-bar{grid-column:1/-1;height:18px!important;min-height:18px;border-radius:12px;overflow:hidden}
html body[data-screen="module"] #app #main .lr-progress>p{position:relative;width:auto!important;padding-left:46px;margin:0!important;font-size:16px!important;font-weight:600!important}
html body[data-screen="module"] #app #main .lr-progress>p::before{content:"";position:absolute;left:0;top:2px;width:36px;height:36px;border-radius:50%;background:#deefff url('/static/objective-target-icon.png') center/26px no-repeat}
html body[data-screen="module"] #app #main .lr-progress>small{font-size:13px!important;padding:10px 14px!important;background:#fff2cd!important;color:#956711!important;max-width:230px;box-sizing:border-box}
@media(max-width:1100px){html body[data-screen="module"] #app #main .lr-head.lr-head-compact{grid-template-columns:64px minmax(0,1fr)!important;gap:18px!important;padding:20px!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 #c8e3f4!important;padding:18px 0 0!important}html body[data-screen="module"] #app #main .lr-head-compact-copy h2{font-size:23px!important}}
@media(max-width:650px){html body[data-screen="module"] #app #main .lr-head-compact .lr-progress{grid-template-columns:minmax(0,1fr)!important}html body[data-screen="module"] #app #main .lr-progress-heading{font-size:18px!important;gap:20px!important}html body[data-screen="module"] #app #main .lr-progress-heading strong{font-size:36px!important}html body[data-screen="module"] #app #main .lr-head-compact-copy p{font-size:17px!important}html body[data-screen="module"] #app #main .lr-progress>small{max-width:100%}}
html body[data-screen="module"] #app #main .inspect-shortcuts{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px!important;margin:18px 0!important}
html body[data-screen="module"] #app #main .inspect-shortcuts>button{display:flex!important;align-items:center;justify-content:flex-start;gap:10px;padding:12px!important;min-width:0;min-height:66px!important;border:1px solid #dce7f4!important;border-radius:8px!important;background:#fbfdff!important;color:#285073!important;font-size:15px!important;box-sizing:border-box;white-space:normal;--inspection-color:#1286ef;--inspection-soft:#dceeff}
html body[data-screen="module"] #app #main .inspect-shortcuts>button:nth-child(4n+2){--inspection-color:#0ca987;--inspection-soft:#d6f4ec}
html body[data-screen="module"] #app #main .inspect-shortcuts>button:nth-child(4n+3){--inspection-color:#d39710;--inspection-soft:#fff0c9}
html body[data-screen="module"] #app #main .inspect-shortcuts>button:nth-child(4n+4){--inspection-color:#8d4deb;--inspection-soft:#eee1ff}
html body[data-screen="module"] #app #main .inspect-shortcuts .inspection-number{display:grid;place-items:center;flex:0 0 34px;height:36px;border-radius:8px;background:var(--inspection-soft);color:var(--inspection-color);font-size:21px;font-weight:800}
html body[data-screen="module"] #app #main .inspect-shortcuts .work-ico{flex:0 0 24px;width:24px;height:24px;background:none;color:var(--inspection-color)}
html body[data-screen="module"] #app #main .inspect-shortcuts .work-ico svg{width:24px;height:24px}
html body[data-screen="module"] #app #main .inspect-shortcuts>button[aria-pressed="true"]{border:2px solid var(--inspection-color)!important;background:var(--inspection-soft)!important;box-shadow:0 3px 0 var(--inspection-color)!important}
html body[data-screen="module"] #app #main .scene-inspection-status{display:grid!important;grid-template-columns:minmax(160px,.7fr) minmax(0,1.8fr) minmax(180px,.8fr);align-items:center;gap:24px;padding:24px!important;max-width:none!important;border:1px solid #dfd5fb;border-radius:8px;background:#faf7ff!important;box-sizing:border-box}
html body[data-screen="module"] #app #main .scene-inspection-heading{font:800 22px/1.4 var(--font-identity);color:#4f2c9a}
html body[data-screen="module"] #app #main .scene-inspection-copy{font-size:18px;line-height:1.6;color:#203b64}
html body[data-screen="module"] #app #main .scene-inspection-progress{display:grid;gap:8px;font-size:16px;color:#586e8a}
html body[data-screen="module"] #app #main .scene-inspection-progress progress{width:100%;height:12px;accent-color:#9155ec}
html body[data-screen="module"] #app #main .vis-cam{display:flex!important;align-items:center;flex-wrap:wrap;gap:10px!important;padding:16px 0!important}
html body[data-screen="module"] #app #main .vis-cam button{min-width:44px;min-height:44px;border-radius:8px!important;font-size:16px!important}
html body[data-screen="module"] #app #main .vis-cam input[type="range"]{accent-color:#1284ef;max-width:100%}
@media(max-width:650px){html body[data-screen="module"] #app #main .scene-inspection-status{grid-template-columns:minmax(0,1fr);gap:14px;padding:18px!important}html body[data-screen="module"] #app #main .inspect-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Fill the available text column without expanding its surrounding layout. */
html body[data-screen="module"] #app #main .station-body p{width:100%!important;max-width:none!important;min-width:0;box-sizing:border-box;overflow-wrap:break-word}
html body[data-screen="module"] #app #main .station-body textarea{display:block!important;width:100%!important;max-width:100%!important;min-width:0;box-sizing:border-box!important;resize:vertical}
html body[data-screen="module"] #app #main .station-body :is(.tp-response-panel,.sequence-written,.scene-evidence-entry,.ctx-reply,.activity-response-composer){width:100%!important;max-width:none!important;min-width:0;box-sizing:border-box}
html body[data-screen="module"] #app #main .station-body label:has(>textarea){width:100%!important;max-width:none!important;min-width:0;box-sizing:border-box}
html body[data-screen="module"] #app #main #scene-form .scene-evidence-entry{margin:24px 0;padding:20px;border:2px solid #c5e1f6;border-radius:8px;background:#f9fcff}
html body[data-screen="module"] #app #main #scene-form .scene-evidence-entry>label{display:block;font:700 19px/1.5 var(--font-identity);color:#173b63;margin-bottom:14px}
html body[data-screen="module"] #app #main #scene-form #scene-evidence-text{display:block!important;width:100%!important;min-height:210px!important;box-sizing:border-box;padding:18px!important;border:2px solid #a9d5ef!important;border-radius:8px!important;background:white!important;color:#153c61;font:17px/1.6 var(--font-body,Inter,sans-serif)!important;resize:vertical}
html body[data-screen="module"] #app #main #scene-form .scene-save-notice{position:relative;display:block;padding:26px 26% 26px 104px;border:2px solid #d5eaff;border-radius:18px;background:#f5faff url('/static/evaluation-clipboard-icon.png') right 20px center/20% auto no-repeat;margin:20px 0}
html body[data-screen="module"] #app #main #scene-form .scene-save-notice::before{content:"";position:absolute;top:24px;left:20px;width:64px;height:64px;border-radius:50%;background:#dcebff url('/static/activity-document-icon.png') center/46px no-repeat}
html body[data-screen="module"] #app #main #scene-form .scene-save-notice>p{font:18px/1.55 var(--font-body,Inter,sans-serif)!important;color:#162754;margin:0 0 16px!important;max-width:none!important}
html body[data-screen="module"] #app #main #scene-form .scene-save-notice>button{padding:12px 20px!important;min-height:46px;border-radius:8px!important;font-size:16px!important;white-space:normal;max-width:100%;background:#1574c7!important;color:white!important}
html body[data-screen="module"] #app #main #scene-form .scene-save-notice>button:disabled{background:#e2edf7!important;color:#718395!important;opacity:1!important}
html body[data-screen="module"] #app #main #scene-form .scene-save-notice>.access-blocked{position:relative;margin:18px 0 0!important;padding:18px 18px 18px 76px!important;border:1px solid #f6d38d!important;border-radius:8px!important;background:#fff8e9!important;color:#625036;font-size:17px!important;list-style:none}
html body[data-screen="module"] #app #main #scene-form .scene-save-notice>.access-blocked::before{content:"";position:absolute;left:14px;top:16px;width:46px;height:46px;background:#ffebbd url('/static/activity-document-icon.png') center/30px no-repeat;border-radius:50%}
html body[data-screen="module"] #app #main .work-ico[data-ico="puzzle"]{display:none!important}
html body[data-screen="module"] #app #main .lr-stage-icon[aria-hidden="true"]:has(>.work-ico[data-ico="puzzle"]){display:none!important}
html body[data-screen="module"] #app #main .ped-route-item:has(>.work-ico[data-ico="puzzle"]){align-self:stretch!important}
@media(max-width:650px){html body[data-screen="module"] #app #main #scene-form .scene-save-notice{padding:80px 18px 18px;background-image:none}html body[data-screen="module"] #app #main #scene-form .scene-save-notice::before{width:48px;height:48px;background-size:34px;top:16px}html body[data-screen="module"] #app #main #scene-form .scene-evidence-entry{padding:14px}}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-support.sequence-support{display:grid!important;grid-template-columns:minmax(130px,.65fr) minmax(0,1.65fr) minmax(220px,1.15fr)!important;align-items:center;gap:26px!important;padding:28px!important;margin:24px 0!important;border:2px solid #c3eceb!important;border-radius:22px!important;background:#f2fcfc!important;box-shadow:none!important;position:relative;box-sizing:border-box}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-support::before,html body[data-screen="module"] #app #main #scene-form .scene-nubi-support::after{display:none!important}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-art{display:block;position:static!important;width:100%!important;height:240px!important;object-fit:contain;opacity:1!important;pointer-events:none}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-copy,html body[data-screen="module"] #app #main #scene-form .scene-nubi-links{min-width:0}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-name{display:inline-block;padding:5px 16px;border-radius:18px;background:#d5f5ed;color:#008e94;font:800 22px/1.4 var(--font-identity)}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-copy>h4{display:block!important;margin:10px 0!important;font:800 30px/1.25 var(--font-identity)!important;color:#111f57!important;letter-spacing:0}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-copy>h4 strong{color:#008f98}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-copy>h4>.tp-meaning-icon{display:none!important}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-support p{font:17px/1.5 var(--font-body,Inter,sans-serif)!important;margin:8px 0!important;color:#526c8b!important;max-width:none!important}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-support details{margin:0!important;border:1px solid #c5e9e7!important;border-radius:8px!important;background:#f5fcfc!important;padding:0!important;box-shadow:0 3px 8px #13758308!important;overflow:hidden}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-support summary{display:flex!important;align-items:center;gap:16px!important;padding:18px!important;list-style:none!important;font:800 19px/1.35 var(--font-identity)!important;color:#102454!important;border:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer;min-height:90px;box-sizing:border-box}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-support summary::-webkit-details-marker{display:none}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-support summary::after{display:none!important}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-support summary>span:not(.work-ico){flex:1;min-width:0}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-support .work-ico{display:grid;place-items:center;width:56px;height:56px;flex:0 0 56px;border-radius:50%;background:#dcf0ff;color:#008fea}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-support .work-ico svg{width:30px!important;height:30px!important}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-support details>p{padding:0 18px 16px!important;margin:0!important}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-focus{margin-top:16px!important}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-focus summary{color:#008e98!important;min-height:74px}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-focus .work-ico{background:#d6f5ed;color:#009da6}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-links{display:grid;gap:16px;border-left:1px solid #d9eeef;padding-left:24px}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-links>details:first-child{border-color:#d0e8ff!important;background:#f5faff!important}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-links>details:last-child{border-color:#e3d9ff!important;background:#faf7ff!important}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-links>details:last-child .work-ico{background:#ede3ff;color:#8b54d9}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-links summary>.work-ico:last-child{width:40px;height:40px;flex-basis:40px}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-links details[open] summary>.work-ico:last-child{transform:rotate(90deg)}
html body[data-screen="module"] #app #main #scene-form .scene-nubi-support summary:focus-visible{outline:3px solid #168ad0;outline-offset:-3px}
@media(max-width:1100px){html body[data-screen="module"] #app #main #scene-form .scene-nubi-support.sequence-support{grid-template-columns:130px minmax(0,1fr)!important;gap:18px!important}html body[data-screen="module"] #app #main #scene-form .scene-nubi-links{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));border:0;padding:0}html body[data-screen="module"] #app #main #scene-form .scene-nubi-copy>h4{font-size:26px!important}}
@media(max-width:650px){html body[data-screen="module"] #app #main #scene-form .scene-nubi-support.sequence-support{grid-template-columns:minmax(0,1fr)!important;padding:18px!important;gap:14px!important}html body[data-screen="module"] #app #main #scene-form .scene-nubi-art{height:130px!important}html body[data-screen="module"] #app #main #scene-form .scene-nubi-links{grid-template-columns:minmax(0,1fr)}html body[data-screen="module"] #app #main #scene-form .scene-nubi-support summary{font-size:18px!important;padding:14px!important;gap:12px!important}html body[data-screen="module"] #app #main #scene-form .scene-nubi-support .work-ico{width:44px;height:44px;flex-basis:44px}}
html body[data-screen="module"] #app #main #scene-form>details.sequence-official{position:relative;counter-reset:scene-learning;margin:22px 0!important;padding:22px!important;border:2px solid #d1edfc!important;border-radius:18px!important;background:#f6fcff!important;overflow:hidden}
html body[data-screen="module"] #app #main #scene-form>details.sequence-official>summary{position:relative;display:list-item!important;list-style:disclosure-closed!important;padding:12px 16px 12px 86px!important;margin:0!important;min-height:76px;box-sizing:border-box;color:#10215c!important;font:800 26px/1.4 var(--font-identity)!important;letter-spacing:0;cursor:pointer;border:0!important;background:transparent!important}
html body[data-screen="module"] #app #main #scene-form>details.sequence-official[open]>summary{list-style:disclosure-open!important}
html body[data-screen="module"] #app #main #scene-form>details.sequence-official>summary{box-shadow:none!important;border-radius:0!important}
html body[data-screen="module"] #app #main #scene-form>details.sequence-official>summary::before{content:"";position:absolute;left:8px;top:4px;width:64px;height:64px;border-radius:50%;background:#d4edff url('/static/open-book-icon.png') center/46px no-repeat}
html body[data-screen="module"] #app #main #scene-form>details.sequence-official>summary::after{display:none!important}
html body[data-screen="module"] #app #main #scene-form>details.sequence-official>p{position:relative;counter-increment:scene-learning;margin:18px 0!important;padding:8px 0 8px 84px!important;max-width:none!important;font:17px/1.6 var(--font-body,Inter,sans-serif)!important;color:#425b81!important;min-height:56px;box-sizing:border-box}
html body[data-screen="module"] #app #main #scene-form>details.sequence-official>p::before{content:counter(scene-learning);position:absolute;top:8px;left:0;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#dcefff;color:#1973c6;font:800 24px/1 var(--font-identity)}
html body[data-screen="module"] #app #main #scene-form>details.sequence-official>p::after{content:"";position:absolute;left:66px;top:14px;bottom:14px;width:3px;background:#bedfff}
html body[data-screen="module"] #app #main #scene-form>details.sequence-official>p:nth-of-type(4n+2)::before{background:#fff3d6;color:#d89412}
html body[data-screen="module"] #app #main #scene-form>details.sequence-official>p:nth-of-type(4n+2)::after{background:#ffe6b3}
html body[data-screen="module"] #app #main #scene-form>details.sequence-official>p:nth-of-type(4n+3)::before{background:#efe3ff;color:#9158d5}
html body[data-screen="module"] #app #main #scene-form>details.sequence-official>p:nth-of-type(4n+3)::after{background:#ddc6ff}
html body[data-screen="module"] #app #main #scene-form>details.sequence-official>p:nth-of-type(4n+4)::before{background:#ddf8ed;color:#15a27a}
html body[data-screen="module"] #app #main #scene-form>details.sequence-official>p:nth-of-type(4n+4)::after{background:#bcebdc}
@media(min-width:1100px){html body[data-screen="module"] #app #main #scene-form>details.sequence-official[open]{padding-right:30%!important;background:#f6fcff url('/static/activity-document-icon.png') right 24px center/24% auto no-repeat!important}}
@media(max-width:650px){html body[data-screen="module"] #app #main #scene-form>details.sequence-official{padding:16px!important}html body[data-screen="module"] #app #main #scene-form>details.sequence-official>summary{font-size:21px!important;padding-left:68px!important}html body[data-screen="module"] #app #main #scene-form>details.sequence-official>summary::before{width:50px;height:50px;background-size:36px}html body[data-screen="module"] #app #main #scene-form>details.sequence-official>p{padding-left:62px!important;font-size:16px!important}html body[data-screen="module"] #app #main #scene-form>details.sequence-official>p::before{width:40px;height:40px;font-size:21px}html body[data-screen="module"] #app #main #scene-form>details.sequence-official>p::after{left:50px}}
html body[data-screen="module"] #app #main .scene-observe-intro{position:relative;display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);align-items:center;gap:24px;padding:28px!important;border:2px solid #d9f2f3!important;border-radius:20px!important;background:#f7fdfd!important;box-shadow:0 3px 10px #11676e0a!important;overflow:hidden}
html body[data-screen="module"] #app #main .scene-observe-intro::before,html body[data-screen="module"] #app #main .scene-observe-intro::after{display:none!important}
html body[data-screen="module"] #app #main .scene-observe-copy{position:relative;z-index:1;min-width:0;width:100%!important}
html body[data-screen="module"] #app #main .scene-observe-copy>small{display:inline-block;padding:9px 16px;border-radius:24px;background:#dcfaf4;color:#009d89;font-size:15px!important;line-height:1.4;font-weight:800;letter-spacing:0}
html body[data-screen="module"] #app #main .scene-observe-copy>h3{display:flex;align-items:center;gap:20px;margin:18px 0!important;font-size:34px!important;line-height:1.2!important;color:#101c50!important;font-family:var(--font-identity)!important;letter-spacing:0}
html body[data-screen="module"] #app #main .scene-observe-copy>h3 strong{color:#009d89!important}
html body[data-screen="module"] #app #main .scene-observe-copy>h3>.tp-meaning-icon{display:none!important}
html body[data-screen="module"] #app #main .scene-observe-symbol{display:grid;place-items:center;width:76px;height:76px;flex:0 0 76px;background:#ddfaf4;border-radius:50%;color:#00aa93}
html body[data-screen="module"] #app #main .scene-observe-symbol .icon{width:42px!important;height:42px!important;padding:0!important;background:none!important;box-shadow:none!important;border:0!important}
html body[data-screen="module"] #app #main .scene-observe-copy>p,html body[data-screen="module"] #app #main .scene-observe-mission p{font:18px/1.55 var(--font-body,Inter,sans-serif)!important;color:#50648a!important;max-width:none!important;margin:0!important}
html body[data-screen="module"] #app #main .scene-observe-mission{display:flex;align-items:center;gap:18px;padding:16px 20px;margin-top:18px;border:1px solid #d5f1ef;border-left:5px solid #0cb989;border-radius:8px;background:#ffffffd9}
html body[data-screen="module"] #app #main .scene-observe-mission>span{display:grid;place-items:center;flex:0 0 58px;height:58px;border-radius:50%;background:#d8f6ed;color:#00a887}
html body[data-screen="module"] #app #main .scene-observe-mission .icon{width:32px!important;height:32px!important;background:none!important;padding:0!important;border:0!important;box-shadow:none!important}
html body[data-screen="module"] #app #main .scene-observe-mission b{display:block;font-size:19px;color:#00a381;margin-bottom:3px}
html body[data-screen="module"] #app #main .scene-observe-mission>span{background:#d8f6ed url('/static/objective-target-icon.png') center/42px no-repeat}
html body[data-screen="module"] #app #main .scene-observe-mission>span .icon{display:none!important}
html body[data-screen="module"] #app #main .ped-route:has(>.ped-route-item:nth-child(9))>.ped-route-item{flex-direction:column;gap:8px!important;padding-bottom:26px!important}
html body[data-screen="module"] #app #main .ped-route:has(>.ped-route-item:nth-child(9)) .ped-verb{font-size:16px!important;overflow-wrap:normal!important;white-space:nowrap}
html body[data-screen="module"] #app #main .scene-observe-art{position:static!important;display:block!important;width:100%!important;height:auto!important;max-height:340px;object-fit:contain;opacity:1!important}
@media(max-width:850px){html body[data-screen="module"] #app #main .scene-observe-intro{grid-template-columns:minmax(0,1fr);padding:20px!important}html body[data-screen="module"] #app #main .scene-observe-art{max-height:180px}html body[data-screen="module"] #app #main .scene-observe-copy>h3{font-size:26px!important;gap:12px}html body[data-screen="module"] #app #main .scene-observe-symbol{width:58px;height:58px;flex-basis:58px}html body[data-screen="module"] #app #main .scene-observe-copy>p,html body[data-screen="module"] #app #main .scene-observe-mission p{font-size:16px!important}html body[data-screen="module"] #app #main .scene-observe-mission{padding:14px;gap:12px}}
html body[data-screen="module"] #app #main .ped-route{display:flex!important;align-items:center;gap:12px!important;padding:20px!important;margin:0 0 22px!important;border:1px solid #e0eef8!important;border-radius:24px!important;background:#f3faff!important;overflow-x:auto!important}
html body[data-screen="module"] #app #main .ped-route-item{position:relative;display:flex!important;align-items:center;justify-content:center;gap:16px!important;flex:1 0 0!important;min-width:0;min-height:124px;padding:18px!important;border:2px solid var(--route-line,#bae9fa)!important;border-radius:20px!important;background:var(--route-bg,#edfaff)!important;opacity:1!important;box-sizing:border-box;box-shadow:0 3px 8px #164e7610!important}
html body[data-screen="module"] #app #main .ped-route-item[data-action="observe"]{--route-color:#08abe5;--route-line:#bceaff;--route-bg:#edfaff}
html body[data-screen="module"] #app #main .ped-route-item[data-action="decide"]{--route-color:#ee9500;--route-line:#ffe7c4;--route-bg:#fff9ef}
html body[data-screen="module"] #app #main .ped-route-item[data-action="justify"]{--route-color:#9150e9;--route-line:#e8dcff;--route-bg:#f8f3ff}
html body[data-screen="module"] #app #main .ped-route-item[data-action="verify"]{--route-color:#24ac73;--route-line:#d4f2e3;--route-bg:#f0fcf5}
html body[data-screen="module"] #app #main .ped-route-item::after{content:"";position:absolute;left:22px;bottom:13px;width:48px;height:7px;border-radius:8px;background:var(--route-color,#08abe5);opacity:.5}
html body[data-screen="module"] #app #main .ped-route-item .ped-num{width:56px!important;height:56px!important;font-size:30px!important;background:var(--route-color,#08abe5)!important;color:white!important;box-shadow:0 3px 8px #12395b18}
html body[data-screen="module"] #app #main .ped-route-item .work-ico{width:48px!important;height:48px!important;flex:0 0 48px;border-radius:14px!important;background:#ffffff80!important;color:var(--route-color,#08abe5)!important}
html body[data-screen="module"] #app #main .ped-route-item .work-ico svg{width:36px!important;height:36px!important}
html body[data-screen="module"] #app #main .ped-route-item .ped-verb{font-family:var(--font-identity)!important;font-size:20px!important;letter-spacing:0!important;color:#103956!important;overflow-wrap:anywhere}
html body[data-screen="module"] #app #main .ped-route-arrow{font-size:30px!important;color:#8aa0b5!important;flex:0 0 22px!important;text-align:center}
html body[data-screen="module"] #app #main .ped-route-item[data-state="current"]{border-color:var(--route-color,#08abe5)!important;box-shadow:0 3px 12px #109bdf25!important}
html body[data-screen="module"] #app #main .ped-route-item[data-state="current"]::after{opacity:1}
@media(max-width:1200px){html body[data-screen="module"] #app #main .ped-route-item{flex-direction:column;gap:8px!important;padding:16px 10px 26px!important}html body[data-screen="module"] #app #main .ped-route-item .ped-verb{font-size:16px!important}}
@media(max-width:650px){html body[data-screen="module"] #app #main .ped-route{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;padding:12px!important}html body[data-screen="module"] #app #main .ped-route-arrow{display:none!important}html body[data-screen="module"] #app #main .ped-route-item{min-height:156px}html body[data-screen="module"] #app #main .ped-route-item::after{left:calc(50% - 24px)}}
html body[data-screen="module"] #app #main .cn-board .az-identify>h4{font-size:26px!important;color:#153f68!important;padding:14px 0!important;font-family:var(--font-identity)!important}
html body[data-screen="module"] #app #main .cn-map{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:14px!important;margin:20px 0!important}
html body[data-screen="module"] #app #main .cn-map button[data-cn-node]{display:flex!important;align-items:center;gap:14px;min-height:110px!important;padding:18px!important;border:1px solid #bad8ef!important;border-radius:16px!important;background:#edf6ff!important;color:#234e70!important;text-align:left;font-size:15px!important;line-height:1.5!important;box-shadow:0 3px 7px #24557810!important}
html body[data-screen="module"] #app #main .cn-map button:nth-child(3n+2){background:#eff9f3!important;border-color:#c0e5cc!important}
html body[data-screen="module"] #app #main .cn-map button:nth-child(3n){background:#fff8ed!important;border-color:#efdcbc!important}
html body[data-screen="module"] #app #main .cn-map button::before{content:"";width:48px;height:48px;flex:0 0 48px;background:#ffffffb8 url('/static/open-book-icon.png') center/38px no-repeat;border-radius:50%}
html body[data-screen="module"] #app #main .cn-map button[aria-pressed="true"]{border:2px solid #2185ed!important;box-shadow:0 0 0 3px #ddebff!important}
html body[data-screen="module"] #app #main .cn-selects{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;margin:24px 0!important}
html body[data-screen="module"] #app #main .cn-selects label{font-size:17px!important;font-weight:600!important;color:#174469!important}
html body[data-screen="module"] #app #main .cn-selects select{display:block;width:100%;min-height:50px!important;margin-top:10px;border-radius:12px!important}
html body[data-screen="module"] #app #main .cn-board .az-identify>fieldset{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px;padding:18px!important;border:1px solid #ddcffa!important;border-radius:16px!important;background:#f7f2ff!important}
html body[data-screen="module"] #app #main .cn-board .az-identify>fieldset label{display:flex;align-items:center;gap:14px;padding:16px!important;min-height:64px;border:1px solid #e1ddee;border-radius:12px;background:#fff;font-size:15px!important;line-height:1.5!important}
html body[data-screen="module"] #app #main .cn-board .az-identify>fieldset label:has(input:checked){background:#edf6ff;border-color:#2185ed}
html body[data-screen="module"] #app #main [data-cn-check]{margin:16px 0!important;padding:14px 20px!important;border-radius:12px!important;background:#287deb!important;color:#fff!important;font-size:16px!important}
html body[data-screen="module"] #app #main .cn-board .az-identify>details{padding:0!important;border:1px solid #efcddd!important;border-radius:12px!important;background:#fff5fa!important}
html body[data-screen="module"] #app #main .cn-board .az-identify>details summary{padding:16px!important;color:#a33f72!important;font-weight:600!important}
@media(max-width:700px){html body[data-screen="module"] #app #main .cn-selects,html body[data-screen="module"] #app #main .cn-board .az-identify>fieldset{grid-template-columns:1fr!important}}
html body[data-screen="module"] #app #main .cg-results{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;margin:24px 0!important}
html body[data-screen="module"] #app #main .cg-results .cg-result{
 --result-accent:#2287cb;--result-soft:#eff7ff;display:flex;flex-direction:column;position:relative;min-width:0;
 padding:26px!important;border:1px solid #cde5f8!important;border-top:1px solid #cde5f8!important;border-radius:24px!important;
 background:linear-gradient(145deg,var(--result-soft),#fff)!important;box-shadow:0 5px 15px #265d8510!important;
}
html body[data-screen="module"] #app #main .cg-results .cg-tone-1{--result-accent:#b18417;--result-soft:#fff9eb;border-color:#f2e3c0!important}
html body[data-screen="module"] #app #main .cg-results .cg-tone-2{--result-accent:#8752c6;--result-soft:#f6efff;border-color:#e6d7f8!important}
html body[data-screen="module"] #app #main .cg-result h4{display:flex;align-items:center;gap:16px;font-family:var(--font-identity)!important;font-size:23px!important;line-height:1.4!important;color:#193e60!important;margin:0 0 26px!important}
html body[data-screen="module"] #app #main .cg-result h4::before{content:"";display:block;flex:0 0 58px;width:58px;height:58px;border-radius:50%;background:#ffffffb8 url('/static/evaluation-clipboard-icon.png') center/44px no-repeat;border:1px solid #ffffff;box-shadow:0 3px 8px #184c6a16}
html body[data-screen="module"] #app #main .cg-tone-1 h4::before{background-image:url('/static/open-book-icon.png')}
html body[data-screen="module"] #app #main .cg-tone-2 h4::before{background-image:url('/static/objective-target-icon.png')}
html body[data-screen="module"] #app #main .cg-result ul{display:grid;gap:12px;margin:0 0 22px!important;padding:0!important;list-style:none!important}
html body[data-screen="module"] #app #main .cg-result li{padding:14px!important;border:1px solid #e0e9ee!important;border-radius:12px!important;background:#ffffffd9!important;box-shadow:0 2px 5px #20405d08!important;font-size:16px!important}
html body[data-screen="module"] #app #main .cg-result li>b{display:block;color:#173d5d!important;font-size:18px!important;font-weight:700!important;margin-bottom:8px}
html body[data-screen="module"] #app #main .cg-result li details{border:0!important;background:transparent!important;margin:0!important;padding:0!important;font-size:15px!important;line-height:1.6!important}
html body[data-screen="module"] #app #main .cg-result li summary{padding:9px 12px!important;border-radius:10px;background:#f3ecfc!important;color:#7148a5!important;font-size:14px!important;font-weight:600!important;cursor:pointer}
html body[data-screen="module"] #app #main .cg-result>p{padding:16px!important;border-radius:14px;background:var(--result-soft)!important;color:#2b506a!important;font-size:16px!important;line-height:1.65!important;margin:0 0 22px!important}
html body[data-screen="module"] #app #main .cg-tone-0:not(:has(ul))>p::after{content:"";display:block;height:170px;margin-top:20px;background:url('/static/activity-results-illustration.png') center/contain no-repeat}
html body[data-screen="module"] #app #main .cg-tone-2>ul::after{content:"";display:block;height:170px;margin:12px 0;background:url('/static/objective-target-icon.png') center/contain no-repeat}
html body[data-screen="module"] #app #main .cg-result button[data-cg-review]{align-self:flex-start;display:inline-flex;align-items:center;gap:18px;margin-top:auto;min-height:48px!important;padding:12px 18px!important;border:1px solid #bfd8ef!important;border-radius:14px!important;background:#fff!important;color:#166bb3!important;font-size:16px!important;font-weight:600!important;box-shadow:0 3px 7px #20456617!important}
html body[data-screen="module"] #app #main .cg-result button[data-cg-review]::after{content:"→";font-size:22px;pointer-events:none}
@media(max-width:1100px){html body[data-screen="module"] #app #main .cg-results{grid-template-columns:1fr!important}html body[data-screen="module"] #app #main .cg-result h4{font-size:21px!important}}
html body[data-screen="module"] #app #main .az-guided{--feedback-accent:#187bb8;--feedback-soft:#edf6fd;--feedback-art:url('/static/evaluation-clipboard-icon.png')}
html body[data-screen="module"] #app #main .cg-board{--feedback-accent:#168d83;--feedback-soft:#edf8f4;--feedback-art:url('/static/open-book-icon.png')}
html body[data-screen="module"] #app #main .cn-board{--feedback-accent:#8455b7;--feedback-soft:#f5effa;--feedback-art:url('/static/situation-puzzle-icon.png')}
html body[data-screen="module"] #app #main .tf-board{--feedback-accent:#aa7b12;--feedback-soft:#fff8e9;--feedback-art:url('/static/activity-document-icon.png')}
html body[data-screen="module"] #app #main .pg-board{--feedback-accent:#148962;--feedback-soft:#edf8f1;--feedback-art:url('/static/objective-target-icon.png')}
html body[data-screen="module"] #app #main .feedback-demo{
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 24px!important;
 padding:24px!important;border:1px solid #d5e5ef!important;border-radius:20px!important;background:#fff!important;box-shadow:0 5px 16px #1e638b12!important;
}
html body[data-screen="module"] #app #main .feedback-demo>header{grid-column:1;grid-row:1;position:relative;padding:22px 150px 22px 22px!important;background:linear-gradient(120deg,#f7fcff,#e3f2ff)!important;border-radius:16px!important;min-height:180px}
html body[data-screen="module"] #app #main .feedback-demo>header::after{content:"";position:absolute;right:10px;top:20px;bottom:15px;width:135px;background:url('/static/evaluation-clipboard-icon.png') center/contain no-repeat;pointer-events:none}
html body[data-screen="module"] #app #main .feedback-demo>header>small{display:inline-block;padding:6px 12px;border-radius:14px;background:#d9f0ff;color:#23659a;font-size:11px!important;font-weight:600!important}
html body[data-screen="module"] #app #main .feedback-demo>header h2{font-size:25px!important;margin:10px 0!important;color:#143c61!important}
html body[data-screen="module"] #app #main .feedback-demo>header p{font-size:15px!important;line-height:1.6!important;margin:0!important}
html body[data-screen="module"] #app #main .feedback-demo>label{grid-column:1;grid-row:2;align-self:start;font-size:14px!important;font-weight:600!important;color:#23577a!important}
html body[data-screen="module"] #app #main .feedback-demo>select{grid-column:1;grid-row:3;width:100%!important;max-width:none!important;margin:0!important;min-height:48px!important;border-radius:12px!important}
html body[data-screen="module"] #app #main .feedback-demo-metrics{grid-column:1;grid-row:4;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important}
html body[data-screen="module"] #app #main .feedback-demo-metrics>span{padding:20px 14px!important;border:1px solid #d0e8f7!important;border-radius:16px!important;background:#eaf6ff!important;box-shadow:0 3px 8px #1d668010!important;font-size:15px!important}
html body[data-screen="module"] #app #main .feedback-demo-metrics>span:nth-child(2){background:#eaf8f1!important;border-color:#ccebdc!important}
html body[data-screen="module"] #app #main .feedback-demo-metrics>span:nth-child(3){background:#f5effc!important;border-color:#e4d8f5!important}
html body[data-screen="module"] #app #main .feedback-demo-metrics b{font-size:29px!important;line-height:1.4!important;margin-top:8px;display:block}
html body[data-screen="module"] #app #main .feedback-demo>.achievement-table-wrap{grid-column:2;grid-row:1/5;align-self:start;border:1px solid #d5e5ef;border-radius:12px;overflow:auto}
html body[data-screen="module"] #app #main .feedback-demo table{width:100%;border-collapse:collapse}
html body[data-screen="module"] #app #main .feedback-demo caption{text-align:left;padding:18px!important;font-family:var(--font-identity)!important;font-size:18px!important;font-weight:700!important;color:#143c61!important}
html body[data-screen="module"] #app #main .feedback-demo :is(th,td){padding:12px!important;font-size:13px!important;line-height:1.5!important;border-bottom:1px solid #dbe9f1!important;vertical-align:top}
html body[data-screen="module"] #app #main .feedback-demo thead th{background:#edf5fc!important;color:#276385!important}
html body[data-screen="module"] #app #main .feedback-demo thead th:nth-child(3){background:#e9f7ef!important;color:#127c61!important}
html body[data-screen="module"] #app #main .feedback-demo thead th:nth-child(4){background:#f4eefb!important;color:#7855a9!important}
html body[data-screen="module"] #app #main .feedback-demo tbody tr:nth-child(even){background:#f7fbfe!important}
html body[data-screen="module"] #app #main .feedback-demo>p:not(.feedback-demo-note){grid-column:2;padding:16px!important;margin:0!important;border-left:4px solid #149c7c;border-radius:0 12px 12px 0;background:#edf9f3!important;font-size:14px!important;line-height:1.6!important}
html body[data-screen="module"] #app #main .feedback-demo>p:not(.feedback-demo-note):nth-of-type(2){border-left-color:#2484d3;background:#edf6ff!important}
html body[data-screen="module"] #app #main .feedback-demo>details{grid-column:1/-1;border:1px solid #d5e5ef!important;border-radius:12px!important;padding:0!important;background:#fff!important}
html body[data-screen="module"] #app #main .feedback-demo>details>summary{padding:16px!important;color:#226cb3!important;font-weight:600!important}
html body[data-screen="module"] #app #main .feedback-demo-note{grid-column:1/-1;padding:12px 16px!important;border-radius:10px;background:#edf6fd!important;font-size:13px!important;line-height:1.6!important;margin:0!important}
html body[data-screen="module"] #app #main .pg-board>.az-guided-intro{position:relative;padding:28px 210px 24px 24px!important;background:linear-gradient(120deg,#fffaf0,#fff0cf)!important;border:1px solid #f1ddb2!important;border-radius:20px!important;box-shadow:0 4px 12px #836c2710!important}
html body[data-screen="module"] #app #main .pg-board>.az-guided-intro::after{content:"";position:absolute;right:18px;top:25px;width:170px;height:170px;background:url('/static/objective-target-icon.png') center/contain no-repeat;pointer-events:none}
html body[data-screen="module"] #app #main .pg-board>.az-guided-intro h2{font-size:27px!important;color:#193f5f!important;margin:12px 0!important}
html body[data-screen="module"] #app #main .pg-board>.az-guided-intro>small{display:inline-block;padding:6px 12px;border-radius:14px;background:#ffe8b8;color:#9c620c!important;font-weight:600!important}
html body[data-screen="module"] #app #main .pg-board>.az-guided-intro p{font-size:16px!important;line-height:1.65!important}
html body[data-screen="module"] #app #main .pg-board .az-mini-route{display:flex!important;flex-wrap:wrap;gap:18px!important;padding:18px 0!important}
html body[data-screen="module"] #app #main .pg-board .az-mini-route li{padding:8px 12px!important;border-radius:12px;background:#ffffffaa;font-size:14px!important;line-height:1.5!important;color:#425d71!important}
html body[data-screen="module"] #app #main .pg-board>.az-guided-intro details{position:relative;z-index:1;margin:10px 0 0!important;padding:0!important;border:1px solid #f0ddb8!important;border-radius:12px!important;background:#fffaf0!important}
html body[data-screen="module"] #app #main .pg-board>.az-guided-intro summary{padding:14px 16px!important;font-weight:600!important;color:#805b21!important}
html body[data-screen="module"] #app #main .pg-stage>h3{padding:14px 18px!important;border-radius:12px;background:#eaf5ff!important;font-size:20px!important;color:#225c89!important}
@media(max-width:1050px){html body[data-screen="module"] #app #main .feedback-demo{grid-template-columns:1fr!important}html body[data-screen="module"] #app #main .feedback-demo>.achievement-table-wrap{grid-column:1;grid-row:auto}html body[data-screen="module"] #app #main .feedback-demo>p:not(.feedback-demo-note){grid-column:1}}
@media(max-width:650px){html body[data-screen="module"] #app #main .feedback-demo{padding:16px!important}html body[data-screen="module"] #app #main .feedback-demo>header{padding:18px!important}html body[data-screen="module"] #app #main .feedback-demo>header::after{display:none}html body[data-screen="module"] #app #main .feedback-demo-metrics{grid-template-columns:1fr!important}html body[data-screen="module"] #app #main .pg-board>.az-guided-intro{padding:20px!important}html body[data-screen="module"] #app #main .pg-board>.az-guided-intro::after{display:none}}
/* The same front composition is used by all five feedback tabs. */
html body[data-screen="module"] #app #main .az-guided.az-guided>.az-guided-intro{
 position:relative;padding:28px 200px 24px 24px!important;background:var(--feedback-soft)!important;
 border:1px solid color-mix(in srgb,var(--feedback-accent) 25%,white)!important;border-radius:20px!important;box-shadow:0 4px 12px #1e638b10!important;
}
html body[data-screen="module"] #app #main .az-guided.az-guided>.az-guided-intro::after{content:"";position:absolute;right:20px;top:24px;width:150px;height:150px;background:var(--feedback-art) center/contain no-repeat;pointer-events:none}
html body[data-screen="module"] #app #main .az-guided.az-guided>.az-guided-intro h2{font-size:27px!important;color:#193f5f!important;margin:12px 0!important}
html body[data-screen="module"] #app #main .az-guided.az-guided>.az-guided-intro>small{display:inline-block;padding:6px 12px;border-radius:14px;background:#ffffffba!important;color:var(--feedback-accent)!important;font-weight:600!important}
html body[data-screen="module"] #app #main .az-guided.az-guided>.az-guided-intro p{font-size:16px!important;line-height:1.65!important}
html body[data-screen="module"] #app #main .az-guided.az-guided .az-mini-route{display:flex!important;flex-wrap:wrap;gap:14px!important;padding:18px 0!important}
html body[data-screen="module"] #app #main .az-guided.az-guided .az-mini-route li{padding:10px 12px!important;border-radius:12px!important;background:#ffffffb8!important;font-size:14px!important;line-height:1.5!important;color:#425d71!important;border-top:3px solid var(--feedback-accent)}
html body[data-screen="module"] #app #main .az-guided.az-guided>.az-guided-intro details{position:relative;z-index:1;margin:10px 0 0!important;padding:0!important;border:1px solid #d4e2ea!important;border-radius:12px!important;background:#ffffffb8!important}
html body[data-screen="module"] #app #main .az-guided.az-guided>.az-guided-intro summary{padding:14px 16px!important;font-weight:600!important;color:var(--feedback-accent)!important}
html body[data-screen="module"] #app #main .az-guided.az-guided>section>h3{padding:14px 18px!important;border-radius:12px!important;background:var(--feedback-soft)!important;font-size:20px!important;color:#225c89!important;border-left:4px solid var(--feedback-accent)}
@media(max-width:650px){html body[data-screen="module"] #app #main .az-guided.az-guided>.az-guided-intro{padding:20px!important}html body[data-screen="module"] #app #main .az-guided.az-guided>.az-guided-intro::after{display:none!important}}
/* Shared achievement report: preserve live and demonstration results. */
html body[data-screen="module"] #app #main .case-step[data-action="observe"]{position:relative;padding:24px 280px 24px 24px!important;border:2px solid #d0effc!important;border-radius:22px!important;background:#f0faff!important;box-shadow:0 5px 16px #2869920b!important;min-width:0;box-sizing:border-box}
html body[data-screen="module"] #app #main .case-step[data-action="observe"]::after{content:'';position:absolute;right:20px;top:50%;transform:translateY(-50%);width:235px;height:260px;background:url('/static/activity-results-illustration.png') center/contain no-repeat;pointer-events:none}
html body[data-screen="module"] #app #main .case-step[data-action="observe"]>.ped-step-head{display:flex!important;align-items:center!important;gap:20px!important;margin-bottom:22px!important}
html body[data-screen="module"] #app #main .case-step[data-action="observe"] .ped-num{display:grid;place-items:center;width:64px!important;height:64px!important;border-radius:50%!important;background:#24b5dc!important;color:white!important;font-size:32px!important;flex-shrink:0}
html body[data-screen="module"] #app #main .case-step[data-action="observe"]>.ped-step-head>.icon{width:42px!important;height:42px!important;padding:12px;border-radius:16px;background:#d9f4fc;color:#1ea9d0;box-sizing:content-box;flex-shrink:0}
html body[data-screen="module"] #app #main .case-step[data-action="observe"] .ped-verb{font:600 17px/1.5 Inter,sans-serif!important;color:#20a8cf!important}
html body[data-screen="module"] #app #main .case-step[data-action="observe"] h4{font:700 25px/1.4 Manrope,sans-serif!important;color:#16315b!important;margin:4px 0!important}
html body[data-screen="module"] #app #main .case-step[data-action="observe"]>p{max-width:none!important;padding:20px 24px!important;margin:0!important;background:#ffffffdf!important;color:#4d668b!important;font:400 18px/1.7 Inter,sans-serif!important;overflow-wrap:anywhere}
html body[data-screen="module"] #app #main .case-step[data-action="observe"]>p.case-pressure{border-radius:18px 18px 0 0!important;font:700 23px/1.5 Manrope,sans-serif!important;color:#15315b!important;padding-bottom:8px!important}
html body[data-screen="module"] #app #main .case-step[data-action="observe"]>p:last-of-type{border-radius:0 0 18px 18px!important}
html body[data-screen="module"] #app #main .case-step[data-action="observe"]>p:first-of-type:not(.case-pressure){border-radius:18px!important}
@media(max-width:1000px){html body[data-screen="module"] #app #main .case-step[data-action="observe"]{padding:20px!important}html body[data-screen="module"] #app #main .case-step[data-action="observe"]::after{display:none}}
@media(max-width:600px){html body[data-screen="module"] #app #main .case-step[data-action="observe"]{padding:16px!important}html body[data-screen="module"] #app #main .case-step[data-action="observe"]>.ped-step-head{gap:12px!important}html body[data-screen="module"] #app #main .case-step[data-action="observe"] .ped-num{width:44px!important;height:44px!important;font-size:25px!important}html body[data-screen="module"] #app #main .case-step[data-action="observe"] h4{font-size:20px!important}html body[data-screen="module"] #app #main .case-step[data-action="observe"]>p{padding:16px!important;font-size:17px!important}html body[data-screen="module"] #app #main .case-step[data-action="observe"]>p.case-pressure{font-size:20px!important}}
html body[data-screen="module"] #app #main .case-step[data-action="decide"]>.ped-step-head{display:flex;align-items:center;gap:20px;padding:22px 130px 22px 24px;border-radius:20px;background:#f3f5ff url('/static/objective-target-icon.png') right 20px center/90px auto no-repeat;margin-bottom:20px}
html body[data-screen="module"] #app #main .case-step[data-action="decide"] .ped-num{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#ec9b20;color:#fff;font-size:32px;flex-shrink:0}
html body[data-screen="module"] #app #main .case-step[data-action="decide"]>.ped-step-head h4{font:700 28px/1.4 Manrope,sans-serif;color:#142d59;margin:5px 0}
html body[data-screen="module"] #app #main .case-step[data-action="decide"] .ped-verb{font-size:18px;color:#d78b19}
@media(max-width:650px){html body[data-screen="module"] #app #main .case-step[data-action="decide"]>.ped-step-head{padding:18px;background-image:none;gap:12px}html body[data-screen="module"] #app #main .case-step[data-action="decide"]>.ped-step-head h4{font-size:22px}}
html body[data-screen="module"] #app #main .act-contract{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;padding:0!important;border:0!important;background:transparent!important;margin:20px 0!important}
html body[data-screen="module"] #app #main .act-contract>div{display:flex!important;align-items:flex-start!important;gap:20px!important;padding:22px!important;min-width:0;border:1px solid #cde2fa!important;border-radius:16px!important;background:#f6fbff!important;box-shadow:0 4px 12px #23598708!important}
html body[data-screen="module"] #app #main .act-contract>div>i,html body[data-screen="module"] #app #main .act-contract>p>i{display:grid!important;place-items:center!important;width:64px!important;height:64px!important;flex-shrink:0;border-radius:50%!important;background:#e3f1ff!important;color:#1688cb!important}
html body[data-screen="module"] #app #main .act-contract svg{width:32px!important;height:32px!important}
html body[data-screen="module"] #app #main .act-contract :is(div,p)>span{min-width:0;flex:1}
html body[data-screen="module"] #app #main .act-contract b{display:block!important;font:700 21px/1.4 Manrope,sans-serif!important;color:#14305d!important;margin-bottom:10px!important}
html body[data-screen="module"] #app #main .act-contract em{display:block!important;font:400 17px/1.6 Inter,sans-serif!important;color:#4b6590!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere}
html body[data-screen="module"] #app #main .act-contract>.act-contract-object{background:#faf7ff!important;border-color:#ded0f7!important}
html body[data-screen="module"] #app #main .act-contract>.act-contract-object>i{background:#eee5ff!important;color:#8150cc!important}
html body[data-screen="module"] #app #main .act-contract>:is(.act-contract-start,.act-contract-completion){background:#f2fbf8!important;border-color:#cbe8df!important}
html body[data-screen="module"] #app #main .act-contract>:is(.act-contract-start,.act-contract-completion)>i{background:#e2f6ed!important;color:#149674!important}
html body[data-screen="module"] #app #main .act-contract>.act-contract-response{background:#fff9f0!important;border-color:#f1ddbd!important}
html body[data-screen="module"] #app #main .act-contract>.act-contract-response>i{background:#fff0dc!important;color:#c28a25!important}
html body[data-screen="module"] #app #main .act-contract>p{grid-column:1/-1;display:flex!important;align-items:center!important;gap:20px;padding:20px!important;margin:0!important;border:1px solid #cce2ef!important;border-left:6px solid #3aba91!important;border-radius:16px!important;background:#f6fcfb!important}
@media(max-width:1000px){html body[data-screen="module"] #app #main .act-contract{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){html body[data-screen="module"] #app #main .act-contract{grid-template-columns:1fr!important}html body[data-screen="module"] #app #main .act-contract>div{padding:18px!important;gap:14px!important}html body[data-screen="module"] #app #main .act-contract b{font-size:19px!important}html body[data-screen="module"] #app #main .act-contract>div>i{width:48px!important;height:48px!important}}
html body[data-screen="module"] #app #main .learning-sequence .sequence-route>button{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;aspect-ratio:auto!important;transform:none!important}
html body[data-screen="module"] #app #main .learning-sequence .sequence-route>button>*{position:static!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;max-width:100%!important}
html body[data-screen="module"] #app #main .learning-sequence .sequence-route>button>b,html body[data-screen="module"] #app #main .learning-sequence .sequence-route>button>small{width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body[data-screen="module"] #app #main .sequence-case-question:has(+ .act-three-choices){padding:24px 24px 24px 100px!important;border-radius:20px;background:#f0f2fc url('/static/activity-document-icon.png') 22px center/56px auto no-repeat;color:#19345d;font:600 24px/1.55 Manrope,sans-serif!important;min-height:92px;box-sizing:border-box}
html body[data-screen="module"] #app #main .act-three-choices{display:grid;gap:16px;padding:0!important;border:0!important;background:transparent!important;min-width:0}
html body[data-screen="module"] #app #main .act-three-choices label.option{--choice-bg:#f4faff;--choice-edge:#d5ecff;--choice-tone:#258ecb;display:flex!important;align-items:center!important;gap:20px!important;padding:18px 22px!important;margin:0!important;min-height:96px;border:2px solid var(--choice-edge)!important;border-radius:20px!important;background:var(--choice-bg)!important;color:#173660!important;font:400 20px/1.6 Inter,sans-serif!important;cursor:pointer;box-sizing:border-box;box-shadow:0 4px 12px #24557e08}
html body[data-screen="module"] #app #main .act-three-choices label.option:nth-of-type(2){--choice-bg:#f3fcf8;--choice-edge:#d7f1e7;--choice-tone:#28a17e}
html body[data-screen="module"] #app #main .act-three-choices label.option:nth-of-type(3){--choice-bg:#fff6f9;--choice-edge:#ffdeea;--choice-tone:#d7477f}
html body[data-screen="module"] #app #main .act-three-choices label.option>b{order:-2;display:grid;place-items:center;flex-shrink:0;width:60px;height:60px;border-radius:16px;background:var(--choice-edge);color:var(--choice-tone);font-size:28px}
html body[data-screen="module"] #app #main .act-three-choices label.option::before{content:'';order:-1;width:64px;height:64px;flex-shrink:0;background:url('/static/activity-document-icon.png') center/contain no-repeat}
html body[data-screen="module"] #app #main .act-three-choices label.option>span{flex:1;min-width:0;overflow-wrap:anywhere;padding-left:18px;border-left:1px solid var(--choice-edge)}
html body[data-screen="module"] #app #main .act-three-choices input[type="radio"]{order:2;width:28px;height:28px;flex-shrink:0;margin:0!important;accent-color:#258ecb}
html body[data-screen="module"] #app #main .act-three-choices label.option:has(input:checked){border-color:#258ecb!important;box-shadow:0 0 0 2px #c5e7f8!important}
html body[data-screen="module"] #app #main .act-three-choices label.option:has(input:focus-visible){outline:3px solid #258ecb;outline-offset:3px}
@media(max-width:600px){html body[data-screen="module"] #app #main .sequence-case-question:has(+ .act-three-choices){padding:18px!important;background-image:none;font-size:20px!important}html body[data-screen="module"] #app #main .act-three-choices label.option{padding:14px!important;gap:12px!important;font-size:17px!important}html body[data-screen="module"] #app #main .act-three-choices label.option::before{display:none}html body[data-screen="module"] #app #main .act-three-choices label.option>b{width:40px;height:44px;font-size:24px}html body[data-screen="module"] #app #main .act-three-choices label.option>span{padding-left:0;border:0}}
html body[data-screen="module"] #app #main .sequence-route{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:18px!important;padding:10px 0!important}
html body[data-screen="module"] #app #main .learning-sequence .sequence-route button{--route-tone:#2886dc;--route-bg:#f0f8ff;position:relative;display:flex!important;flex-direction:column;align-items:flex-start!important;padding:20px!important;min-height:252px!important;border:2px solid #d9eafa!important;border-radius:22px!important;background:var(--route-bg)!important;background-image:none!important;text-align:left!important;box-shadow:0 5px 14px #254f7b0b!important;overflow:hidden}
html body[data-screen="module"] #app #main .sequence-route button:nth-child(2){--route-tone:#29a692;--route-bg:#effaf6}
html body[data-screen="module"] #app #main .sequence-route button:nth-child(3){--route-tone:#9660d7;--route-bg:#f7f1ff}
html body[data-screen="module"] #app #main .sequence-route button:nth-child(4){--route-tone:#e69620;--route-bg:#fff8ed}
html body[data-screen="module"] #app #main .sequence-route button:nth-child(5){--route-tone:#3aab77;--route-bg:#f0faf4}
html body[data-screen="module"] #app #main .sequence-route button:nth-child(6){--route-tone:#df528c;--route-bg:#fff2f7}
html body[data-screen="module"] #app #main .sequence-route button>span{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border-radius:50%!important;background:var(--route-tone)!important;color:#fff!important;font-size:28px!important;margin-bottom:44px!important}
html body[data-screen="module"] #app #main .sequence-route button>b{display:block!important;font:700 20px/1.4 Manrope,sans-serif!important;color:#12325a!important;background:none!important}
html body[data-screen="module"] #app #main .sequence-route button>b em{display:block;font-style:normal;color:var(--route-tone);margin-top:4px}
html body[data-screen="module"] #app #main .sequence-route button>small{display:block!important;margin-top:12px!important;font:400 16px/1.5 Inter,sans-serif!important;color:#48658c!important}
html body[data-screen="module"] #app #main .sequence-route button::before{content:''!important;position:absolute;top:20px;right:12px;width:74px;height:78px;background:url('/static/activity-results-illustration.png') center/contain no-repeat!important}
html body[data-screen="module"] #app #main .sequence-route button:nth-child(2)::before{background-image:url('/static/open-book-icon.png')!important}
html body[data-screen="module"] #app #main .sequence-route button:nth-child(3)::before{background-image:url('/static/situation-puzzle-icon.png')!important}
html body[data-screen="module"] #app #main .sequence-route button:nth-child(4)::before{background-image:url('/static/activity-document-icon.png')!important}
html body[data-screen="module"] #app #main .sequence-route button:nth-child(5)::before{background-image:url('/static/evaluation-clipboard-icon.png')!important}
html body[data-screen="module"] #app #main .sequence-route button:nth-child(6)::before{background-image:url('/static/objective-target-icon.png')!important}
html body[data-screen="module"] #app #main .sequence-route button.is-current{outline:3px solid var(--route-tone)!important;outline-offset:2px!important}
@media(max-width:1200px){html body[data-screen="module"] #app #main .sequence-route{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:600px){html body[data-screen="module"] #app #main .sequence-route{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}html body[data-screen="module"] #app #main .learning-sequence .sequence-route button{padding:14px!important;min-height:240px!important}html body[data-screen="module"] #app #main .sequence-route button>b{font-size:18px!important}}
html body[data-screen="module"] #app #main .sequence-review-note{padding:24px 24px 24px 100px!important;min-height:84px;box-sizing:border-box;border-radius:20px;background:#f1f0fc url('/static/evaluation-clipboard-icon.png') 22px center/56px auto no-repeat!important;color:#38567d!important;font:500 20px/1.6 Inter,sans-serif!important;margin:20px 0!important}
html body[data-screen="module"] #app #main .sequence-review-note+.act-choices{display:grid;gap:16px;padding:0!important;border:0!important;background:transparent!important;min-width:0}
html body[data-screen="module"] #app #main .sequence-review-note+.act-choices label.option{display:flex!important;align-items:center!important;gap:24px!important;padding:18px 24px!important;min-height:90px!important;border:2px solid #d4eaff!important;border-radius:20px!important;background:#f6fbff!important;margin:0!important;color:#153662!important;font:500 22px/1.5 Inter,sans-serif!important;box-sizing:border-box;cursor:pointer}
html body[data-screen="module"] #app #main .sequence-review-note+.act-choices label.option:nth-of-type(2){border-color:#d2f1e9!important;background:#f5fcfa!important}
html body[data-screen="module"] #app #main .sequence-review-note+.act-choices label.option>b{display:grid;place-items:center;order:-1;width:62px;height:62px;flex-shrink:0;border-radius:16px;background:#dff1ff;color:#168fcd;font-size:28px}
html body[data-screen="module"] #app #main .sequence-review-note+.act-choices label.option:nth-of-type(2)>b{background:#def6ef;color:#17a88a}
html body[data-screen="module"] #app #main .sequence-review-note+.act-choices label.option>span{flex:1;min-width:0;overflow-wrap:anywhere}
html body[data-screen="module"] #app #main .sequence-review-note+.act-choices input[type="radio"]{order:2;width:28px;height:28px;flex-shrink:0;margin:0!important;accent-color:#248ec3}
html body[data-screen="module"] #app #main .sequence-review-note+.act-choices label.option:has(input:checked){border-color:#248ec3!important;box-shadow:0 0 0 2px #bfe3f5!important}
html body[data-screen="module"] #app #main .sequence-review-note+.act-choices label.option:has(input:focus-visible){outline:3px solid #248ec3;outline-offset:3px}
@media(max-width:600px){html body[data-screen="module"] #app #main .sequence-review-note{padding:18px 18px 18px 74px!important;background-size:42px!important;background-position:16px center!important;font-size:17px!important}html body[data-screen="module"] #app #main .sequence-review-note+.act-choices label.option{padding:14px!important;gap:12px!important;font-size:18px!important}html body[data-screen="module"] #app #main .sequence-review-note+.act-choices label.option>b{width:42px;height:46px;font-size:24px}}
html body[data-screen="module"] #app #main .sequence-selfcheck{display:grid;gap:12px;padding:0!important;border:0!important;background:transparent!important;min-width:0}
html body[data-screen="module"] #app #main .sequence-selfcheck>legend{float:left;display:flex;align-items:center;gap:20px;width:100%;box-sizing:border-box;padding:20px 24px;margin-bottom:16px;border-radius:18px;background:#f2f1fc;color:#142c57;font:700 26px/1.5 Manrope,sans-serif}
html body[data-screen="module"] #app #main .sequence-selfcheck>legend>.icon{width:44px;height:44px;flex-shrink:0;padding:12px;background:#e1dbff;border-radius:50%;color:#7651c2;box-sizing:content-box}
html body[data-screen="module"] #app #main .sequence-selfcheck>label{--check-color:#8052cf;--check-pastel:#efe8ff;display:flex!important;align-items:center!important;gap:18px!important;min-height:76px;padding:12px 20px!important;margin:0!important;border:1px solid var(--check-pastel)!important;border-radius:18px!important;background:#fff!important;color:#17355c!important;font:500 19px/1.5 Inter,sans-serif!important;box-shadow:0 3px 10px #24487408;cursor:pointer;box-sizing:border-box}
html body[data-screen="module"] #app #main .sequence-selfcheck>label:nth-of-type(2){--check-color:#26a582;--check-pastel:#e0f5ed}
html body[data-screen="module"] #app #main .sequence-selfcheck>label:nth-of-type(3){--check-color:#e79422;--check-pastel:#fff0de}
html body[data-screen="module"] #app #main .sequence-selfcheck>label:nth-of-type(4){--check-color:#168ec8;--check-pastel:#dff2ff}
html body[data-screen="module"] #app #main .sequence-selfcheck>label:nth-of-type(5){--check-color:#da467b;--check-pastel:#ffe6ef}
html body[data-screen="module"] #app #main .selfcheck-number{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;background:var(--check-pastel);color:var(--check-color);font-size:24px;font-weight:700}
html body[data-screen="module"] #app #main .selfcheck-icon{display:grid;place-items:center;width:64px;height:52px;flex-shrink:0;border-radius:14px;background:var(--check-pastel);color:var(--check-color)}
html body[data-screen="module"] #app #main .selfcheck-icon .icon{width:30px;height:30px}
html body[data-screen="module"] #app #main .selfcheck-text{flex:1;min-width:0;overflow-wrap:anywhere}
html body[data-screen="module"] #app #main .sequence-selfcheck input[type="checkbox"]{width:26px;height:26px;flex-shrink:0;margin:0!important;accent-color:var(--check-color)}
html body[data-screen="module"] #app #main .sequence-selfcheck>label:has(input:checked){background:var(--check-pastel)!important;border-color:var(--check-color)!important}
html body[data-screen="module"] #app #main .sequence-selfcheck>label:has(input:focus-visible){outline:3px solid var(--check-color);outline-offset:3px}
@media(max-width:600px){html body[data-screen="module"] #app #main .sequence-selfcheck>legend{padding:16px;font-size:21px;gap:12px}html body[data-screen="module"] #app #main .sequence-selfcheck>label{padding:12px!important;gap:10px!important;font-size:16px!important}html body[data-screen="module"] #app #main .selfcheck-number{width:32px;height:32px;font-size:20px}html body[data-screen="module"] #app #main .selfcheck-icon{width:38px;height:40px}}
html body[data-screen="module"] #app #main .tp-four-options{min-width:0;border:1px solid #dfe5f2;border-radius:16px;padding:20px;background:#fff}
html body[data-screen="module"] #app #main .tp-four-options>legend{padding:14px 18px;border-radius:12px;background:#eff1f8;color:#63548b;font:600 17px/1.6 Inter,sans-serif;max-width:100%;box-sizing:border-box}
html body[data-screen="module"] #app #main label.tp-four-option{display:flex!important;align-items:center!important;gap:16px!important;padding:12px 16px!important;min-height:62px!important;margin:10px 0!important;border:2px solid #e1e6f2!important;border-radius:12px!important;background:#f8f9fd!important;color:#17395e!important;font:400 17px/1.6 Inter,sans-serif!important;box-sizing:border-box;cursor:pointer;max-width:100%;overflow-wrap:anywhere}
html body[data-screen="module"] #app #main .tp-four-option input[type="radio"]{width:22px!important;height:22px!important;flex-shrink:0;margin:0!important;accent-color:#7355ba}
html body[data-screen="module"] #app #main .tp-option-letter{display:inline-grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:10px;background:#e9edf7;color:#36557b;font-size:21px;font-weight:700}
html body[data-screen="module"] #app #main label.tp-four-option:has(input:checked){border-color:#9b85d6!important;background:#f1edfb!important}
html body[data-screen="module"] #app #main label.tp-four-option:has(input:focus-visible){outline:3px solid #7355ba;outline-offset:3px}
@media(max-width:600px){html body[data-screen="module"] #app #main label.tp-four-option{gap:10px!important;padding:12px!important;font-size:16px!important}}
html body[data-screen="module"] #app #main .cn-verify .cn-verify-intro{display:flex;align-items:center;gap:22px;padding:22px;border-radius:18px;background:#f0f6fd;color:#536f99;margin:20px 0;font-size:20px;line-height:1.6}
html body[data-screen="module"] #app #main .cn-verify-intro>.icon{width:52px;height:52px;flex-shrink:0;padding:12px;background:#e0ecfc;border-radius:50%;color:#3168a8;box-sizing:content-box}
html body[data-screen="module"] #app #main .cn-verify-intro b{display:block;font:700 26px/1.4 Manrope,sans-serif;color:#153565;margin-bottom:6px}
html body[data-screen="module"] #app #main .cn-verify-intro b+span{display:block}
html body[data-screen="module"] #app #main .cn-verify>label{display:flex;align-items:center;gap:20px;padding:12px 22px;margin:12px 0;border:1px solid #dee8f6;border-radius:16px;background:#fafcff;min-height:74px;box-sizing:border-box;color:#173e6c;font:500 20px/1.5 Inter,sans-serif;cursor:pointer}
html body[data-screen="module"] #app #main .cn-verify input[type="checkbox"]{width:26px;height:26px;flex-shrink:0;margin:0;accent-color:#2786c5}
html body[data-screen="module"] #app #main .cn-verify-icon{display:grid;place-items:center;width:56px;height:56px;flex-shrink:0;border-radius:14px;background:#e7eef8;color:#43658d}
html body[data-screen="module"] #app #main .cn-verify-icon .icon{width:30px;height:30px}
html body[data-screen="module"] #app #main .cn-verify>label:has(input:checked){background:#edf8f5;border-color:#86c8b5}
html body[data-screen="module"] #app #main .cn-verify>label:has(input:focus-visible){outline:3px solid #2786c5;outline-offset:3px}
html body[data-screen="module"] #app #main .cn-verify>[data-cn-ready]{font-size:18px;line-height:1.6;margin:20px 0;color:#244c78}
html body[data-screen="module"] #app #main .cn-verify>button{min-height:56px;padding:14px 24px;border-radius:14px;font:600 18px/1.5 Inter,sans-serif;margin:12px 12px 0 0;max-width:100%;white-space:normal}
html body[data-screen="module"] #app #main .cn-verify>button:disabled{background:#98acc7;color:#fff;border-color:#98acc7;opacity:1;cursor:not-allowed}
@media(max-width:600px){html body[data-screen="module"] #app #main .cn-verify .cn-verify-intro{padding:16px;gap:12px;font-size:16px}html body[data-screen="module"] #app #main .cn-verify-intro b{font-size:20px}html body[data-screen="module"] #app #main .cn-verify-intro>.icon{width:30px;height:30px;padding:8px}html body[data-screen="module"] #app #main .cn-verify>label{padding:12px;gap:12px;font-size:17px}html body[data-screen="module"] #app #main .cn-verify-icon{width:40px;height:44px}html body[data-screen="module"] #app #main .cn-verify>button{width:100%;margin-right:0}}
html body[data-screen="module"] #app #main [data-cg-practice]>h4{display:flex;align-items:center;gap:18px;margin:24px 0 18px;font:700 28px/1.4 Manrope,sans-serif;color:#102653}
html body[data-screen="module"] #app #main .cg-practice-number{padding:8px 16px;border-radius:14px;background:#e7dfff;color:#563ab0;flex-shrink:0}
html body[data-screen="module"] #app #main [data-cg-practice]>fieldset{display:grid;gap:12px;padding:22px;border:1px solid #e0e5f1;border-radius:18px;background:#fff;box-shadow:0 4px 14px #31456d0b;min-width:0}
html body[data-screen="module"] #app #main [data-cg-practice] legend{float:left;display:flex;align-items:center;gap:16px;width:100%;box-sizing:border-box;padding:16px 18px;margin:0 0 12px;border-radius:14px;background:#eff1f8;color:#17284b;font:600 19px/1.6 Inter,sans-serif}
html body[data-screen="module"] #app #main [data-cg-practice] legend .icon{width:36px;height:36px;flex-shrink:0;color:#637599}
html body[data-screen="module"] #app #main [data-cg-practice] fieldset>label{display:flex;align-items:center;gap:18px;min-height:68px;padding:12px 18px;margin:0;border:1px solid #e2e7f1;border-radius:14px;background:#f8f9fd;color:#1d3156;font:400 18px/1.6 Inter,sans-serif;cursor:pointer;box-sizing:border-box}
html body[data-screen="module"] #app #main [data-cg-practice] input[type="radio"]{width:24px;height:24px;flex-shrink:0;margin:0;accent-color:#7856c3}
html body[data-screen="module"] #app #main .cg-option-letter{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:12px;background:#e9ecf6;color:#33476c;font-size:24px;font-weight:700}
html body[data-screen="module"] #app #main [data-cg-practice] label:has(input:checked){border-color:#9981db;background:#f1ebff;box-shadow:0 0 0 2px #dfd3fb}
html body[data-screen="module"] #app #main [data-cg-practice] label:has(input:focus-visible){outline:3px solid #8061cc;outline-offset:3px}
html body[data-screen="module"] #app #main [data-cg-practice] label:has(input:disabled){cursor:default}
@media(max-width:600px){html body[data-screen="module"] #app #main [data-cg-practice]>h4{font-size:22px;gap:12px}html body[data-screen="module"] #app #main [data-cg-practice]>fieldset{padding:14px}html body[data-screen="module"] #app #main [data-cg-practice] fieldset>label{gap:10px;padding:12px;font-size:16px}html body[data-screen="module"] #app #main [data-cg-practice] legend{font-size:16px}html body[data-screen="module"] #app #main .cg-option-letter{width:34px;height:38px;font-size:20px}}
html body[data-screen="module"] #app #main .az-guided.az-guided>.az-analysis-intro.az-analysis-intro{padding:28px 260px 28px 28px!important;border:2px solid #cfe5f9!important;border-radius:22px!important;background:#f3faff!important;box-shadow:0 5px 18px #3267a012!important}
html body[data-screen="module"] #app #main .az-guided.az-guided>.az-analysis-intro.az-analysis-intro::after{width:210px;height:210px;right:24px;top:30px}
html body[data-screen="module"] #app #main .az-guided.az-guided>.az-analysis-intro.az-analysis-intro h2{font:700 32px/1.35 Manrope,sans-serif!important;color:#122a60!important;margin:20px 0 10px!important}
html body[data-screen="module"] #app #main .az-guided.az-guided>.az-analysis-intro.az-analysis-intro>small{padding:9px 16px;background:#def2ff!important;color:#087cc1!important;font-size:14px!important}
html body[data-screen="module"] #app #main .az-guided.az-guided>.az-analysis-intro.az-analysis-intro p{font-size:18px!important;line-height:1.65!important;color:#5b729b!important}
html body[data-screen="module"] #app #main .az-analysis-intro.az-analysis-intro .az-mini-route{gap:14px!important;padding:22px 0 0!important;margin-bottom:0!important}
html body[data-screen="module"] #app #main .az-analysis-intro.az-analysis-intro .az-mini-route li{display:flex;align-items:center;gap:12px;padding:10px 18px 10px 10px!important;border:1px solid #c8e0fa!important;border-radius:36px!important;background:#eaf5ff!important;color:#1664a8!important;font-size:16px!important;font-weight:600;box-shadow:0 4px 9px #2557850c}
html body[data-screen="module"] #app #main .az-analysis-intro .az-step-number{display:inline-grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:#278dea;color:white;font-size:22px}
html body[data-screen="module"] #app #main .az-analysis-intro .az-mini-route .icon{width:26px;height:26px;flex-shrink:0}
html body[data-screen="module"] #app #main .az-analysis-intro.az-analysis-intro .az-mini-route li:nth-child(2){background:#edf9f5!important;color:#167d72!important;border-color:#c4e9df!important}
html body[data-screen="module"] #app #main .az-analysis-intro .az-mini-route li:nth-child(2) .az-step-number{background:#2eb597}
html body[data-screen="module"] #app #main .az-analysis-intro.az-analysis-intro .az-mini-route li:nth-child(3){background:#f6efff!important;color:#7847ae!important;border-color:#e0cdf7!important}
html body[data-screen="module"] #app #main .az-analysis-intro .az-mini-route li:nth-child(3) .az-step-number{background:#9863df}
html body[data-screen="module"] #app #main .az-analysis-intro.az-analysis-intro .az-mini-route li:nth-child(4){background:#fff9ed!important;color:#9c6916!important;border-color:#f4e2bd!important}
html body[data-screen="module"] #app #main .az-analysis-intro .az-mini-route li:nth-child(4) .az-step-number{background:#eeb324}
@media(max-width:1000px){html body[data-screen="module"] #app #main .az-guided.az-guided>.az-analysis-intro.az-analysis-intro{padding:24px!important}html body[data-screen="module"] #app #main .az-guided.az-guided>.az-analysis-intro.az-analysis-intro::after{display:none}html body[data-screen="module"] #app #main .az-guided.az-guided>.az-analysis-intro.az-analysis-intro h2{font-size:26px!important}}
/* One writing surface across all stations; field limits and handlers stay intact. */
html body[data-screen="module"] #app #main :is(.tp-response-panel,.sequence-written.sequence-written){display:block!important;padding:22px!important;margin:18px 0!important;border:2px solid #d2e7f8!important;border-radius:20px!important;background:#f8fcff!important;box-shadow:none!important;min-width:0;box-sizing:border-box}
html body[data-screen="module"] #app #main :is(.tp-response-panel,.sequence-written) .tp-response-kicker{display:flex!important;align-items:center!important;gap:16px!important;padding:8px 0 22px!important;margin:0 0 16px!important;border-bottom:2px solid #e2eff8!important;color:#176bc5!important;font:600 16px/1.5 Inter,sans-serif!important}
html body[data-screen="module"] #app #main :is(.tp-response-panel,.sequence-written) .tp-response-kicker img{width:56px!important;height:56px!important;padding:10px!important;box-sizing:border-box;border-radius:50%!important;background:#dceeff!important;object-fit:contain!important}
html body[data-screen="module"] #app #main :is(.tp-response-panel,.sequence-written) :is(h4,label){font-family:Inter,sans-serif!important;font-size:18px!important;font-weight:500!important;line-height:1.6!important;color:#123c64!important;background:none!important}
html body[data-screen="module"] #app #main :is(.tp-response-panel,.sequence-written) .student-question-number{display:inline-grid!important;place-items:center!important;min-width:34px!important;height:34px!important;margin-right:12px!important;border:0!important;border-radius:8px!important;background:#238fc1!important;color:white!important;font:600 20px/1 Inter,sans-serif!important}
html body[data-screen="module"] #app #main :is(.tp-response-panel,.sequence-written) :is(.student-write-cue,.az-question-pencil){display:none!important}
html body[data-screen="module"] #app #main :is(.tp-response-panel,.sequence-written) textarea{display:block!important;width:100%!important;max-width:100%!important;min-height:142px!important;margin:16px 0 0!important;padding:16px!important;box-sizing:border-box!important;border:2px solid #a5d1ef!important;border-radius:13px!important;background:#fbfdff!important;box-shadow:0 3px 7px #235c7810!important;color:#244d70!important;font:400 16px/1.65 Inter,sans-serif!important;resize:vertical!important}
html body[data-screen="module"] #app #main :is(.tp-response-panel,.sequence-written) textarea:focus-visible{outline:3px solid #268ad0!important;outline-offset:3px!important}
@media(max-width:600px){html body[data-screen="module"] #app #main :is(.tp-response-panel,.sequence-written.sequence-written){padding:16px!important}html body[data-screen="module"] #app #main :is(.tp-response-panel,.sequence-written) :is(h4,label){font-size:17px!important}}
html body #app #main .fb-ae-chart{padding:24px;border:1px solid #d8caf8;border-radius:18px;background:#fff;box-shadow:0 5px 18px #3671ad0c}
html body #app #main .fb-ae-chart h3{font:700 26px/1.4 Manrope,sans-serif;color:#102b50;padding-left:68px;min-height:54px;display:flex;align-items:center;background:url('/static/activity-results-illustration.png') left center/54px auto no-repeat;margin:0 0 8px}
html body #app #main .fb-ae-chart .fb-note{font-size:16px;color:#365783}
html body #app #main .fb-ae-chart .fb-heat-legend{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}
html body #app #main .fb-ae-chart .fb-heat-legend button{padding:12px 18px;font-size:15px;font-weight:600;border-radius:24px;min-height:44px}
html body #app #main .fb-ae-chart .fb-rows{display:grid;gap:10px;padding:0;margin:0;list-style:none}
html body #app #main .fb-ae-chart .fb-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 60px;align-items:center;gap:20px;padding:16px 20px;border:1px solid #e5eaf2;border-left:5px solid #a4b5ca;border-radius:12px;background:#f3f6fa}
html body #app #main .fb-ae-chart .fb-row.is-low{background:#fff0f3;border-color:#f9d6de;border-left-color:#f06986}
html body #app #main .fb-ae-chart .fb-row.is-mid{background:#fff9e9;border-color:#f8ebc5;border-left-color:#f0b72d}
html body #app #main .fb-ae-chart .fb-row.is-ok{background:#effaf4;border-color:#cceedd;border-left-color:#22ad7b}
html body #app #main .fb-ae-chart .fb-row-name{background:none;border:0;padding:0;color:#15365e;font-size:15px;line-height:1.6}
html body #app #main .fb-ae-chart .fb-row-track{height:18px;border:0;border-radius:12px;overflow:hidden;background:#e2e8f0}
html body #app #main .fb-ae-chart .fb-row-track i{display:block;height:100%;border-radius:12px;background:#8fa7c6}
html body #app #main .fb-ae-chart .is-low .fb-row-track{background:#fbd9e1}
html body #app #main .fb-ae-chart .is-low .fb-row-track i{background:#f36d8a}
html body #app #main .fb-ae-chart .is-mid .fb-row-track{background:#fbedc5}
html body #app #main .fb-ae-chart .is-mid .fb-row-track i{background:#f5c342}
html body #app #main .fb-ae-chart .is-ok .fb-row-track i{background:#32b888}
html body #app #main .fb-ae-chart .fb-row>b{font-size:18px;color:#102b50;text-align:right}
html body #app #main .fb-ae-chart+p{padding:16px 20px;border:1px solid #c9defb;border-radius:12px;background:#eff6ff;font-size:15px;color:#365783}
html body #app #main .az-evidence-title{font:700 26px/1.4 Manrope,sans-serif;color:#102b50;margin:24px 0 16px}
html body #app #main .az-evidence-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;list-style:none;margin:0}
html body #app #main .az-evidence-cards li{padding:24px 20px 24px 84px;border:1px solid #c7ddfb;border-radius:14px;background:#eff6ff url('/static/activity-results-illustration.png') 16px center/52px auto no-repeat;min-height:112px;line-height:1.5}
html body #app #main .az-evidence-cards li:nth-child(2){background-color:#edf9f5;border-color:#bce6df}
html body #app #main .az-evidence-cards li:nth-child(3){background-color:#f5efff;border-color:#dfcdfb}
html body #app #main .az-evidence-cards b{display:block;font-size:15px;color:#185787;margin-bottom:8px}
html body #app #main .az-evidence-cards span{display:block;font-size:21px;font-weight:600;color:#18385e;overflow-wrap:anywhere}
html body #app #main .az-evidence-cards li:nth-child(3) span{font-size:17px;font-weight:400}
html body #app #main .az-evidence-note{padding:16px 20px;border:1px solid #f1ddb0;border-radius:12px;background:#fff9eb;color:#526581;font-size:14px;line-height:1.6}
html body #app #main .az-evidence-note+details>summary{padding:20px;border:1px solid #cbdffa;border-radius:14px;background:#eef6ff;color:#155b9d;font-size:18px;font-weight:600}
@media(max-width:800px){html body #app #main .az-evidence-cards{grid-template-columns:1fr}html body #app #main .fb-ae-chart .fb-row{grid-template-columns:minmax(0,1fr) 52px;gap:12px;padding:14px}html body #app #main .fb-ae-chart .fb-row-name{grid-column:1/-1}html body #app #main .fb-ae-chart{padding:18px}html body #app #main .fb-ae-chart h3{font-size:23px}}
html body #app #main h4:has(+ .achievement-progress){font:700 28px/1.4 Manrope,sans-serif;color:#102b50;margin:24px 0 16px}
html body #app #main .achievement-progress{border:0;background:transparent;box-shadow:none;overflow:visible}
html body #app #main .achievement-progress>header{display:flex;align-items:center;gap:24px;padding:24px;border:1px solid #ded0f7;border-radius:16px;background:#f2edfc;box-shadow:0 6px 20px #283b6810}
html body #app #main .achievement-progress>header>div:first-child{flex:1;min-width:0;padding-left:100px;background:url('/static/activity-results-illustration.png') left center/84px auto no-repeat}
html body #app #main .achievement-progress header h3{font:700 24px/1.35 Manrope,sans-serif;color:#102b50;margin:8px 0}
html body #app #main .achievement-progress header p{font-size:16px;line-height:1.6;color:#526b90;margin:0}
html body #app #main .achievement-progress header small{color:#7046a3;font-size:12px;font-weight:600}
html body #app #main .achievement-total{display:flex;align-items:center;gap:12px;flex-shrink:0}
html body #app #main .achievement-total>span,html body #app #main .achievement-total>b{padding:18px;min-width:94px;border-radius:16px;text-align:center;font-size:26px;font-weight:700;background:#edf8ff;color:#096cae;box-shadow:0 5px 14px #344e8210}
html body #app #main .achievement-total>span:nth-of-type(2){background:#eaf8f0;color:#00855f}
html body #app #main .achievement-total>b{background:#f8f0ff;color:#743aaa}
html body #app #main .achievement-total small{display:block;margin-top:6px}
html body #app #main .achievement-table-wrap{overflow-x:auto;margin-top:14px}
html body #app #main .achievement-progress table{width:100%;min-width:820px;border-collapse:separate;border-spacing:0 9px;background:transparent}
html body #app #main .achievement-progress th,html body #app #main .achievement-progress td{padding:18px;border:0;font-size:16px;color:#173b65;background:#fff}
html body #app #main .achievement-progress thead th{font-weight:600;background:#f2edf9;color:#67409a}
html body #app #main .achievement-progress thead th:nth-child(2){background:#edf7ff;color:#0872aa}
html body #app #main .achievement-progress thead th:nth-child(3){background:#edf9f2;color:#00805d}
html body #app #main .achievement-progress thead th:last-child{background:#fff7e8;color:#945615}
html body #app #main .achievement-progress tr>:first-child{border-radius:14px 0 0 14px;text-align:left;width:38%}
html body #app #main .achievement-progress tr>:last-child{border-radius:0 14px 14px 0}
html body #app #main .achievement-progress tbody tr{box-shadow:0 3px 14px #2344650b}
html body #app #main .achievement-progress tbody td{text-align:center;font-size:21px;border-block:1px solid #e5edf7}
html body #app #main .achievement-progress tbody th{font-weight:400;line-height:1.5;border:1px solid #e5edf7;border-right:0}
html body #app #main .achievement-progress tbody th>span{display:inline-block;padding:8px 12px;margin-right:16px;border-radius:12px;background:#def1ff;color:#0873b7;font-size:18px;font-weight:700;white-space:nowrap}
html body #app #main .achievement-progress tbody tr:nth-child(2) th>span{background:#eee0ff;color:#743aab}
html body #app #main .achievement-progress tbody tr:nth-child(3) th>span{background:#dcf6e9;color:#00845b}
html body #app #main .achievement-progress tbody tr:nth-child(4) th>span{background:#ffead7;color:#a75519}
html body #app #main .achievement-progress tbody tr:nth-child(5) th>span{background:#ffe1ed;color:#ad3260}
html body #app #main .achievement-progress tbody td small{display:block;font-size:12px;color:#697f9e;margin-top:5px}
html body #app #main .achievement-meter{display:block;width:100%;min-width:100px;height:12px;margin-top:8px;accent-color:#638cec}
html body #app #main .achievement-meter::-webkit-meter-bar{background:#e2e8f0;border:0;border-radius:8px}
html body #app #main .achievement-meter::-webkit-meter-optimum-value{background:#638cec;border-radius:8px}
html body #app #main td:nth-child(3) .achievement-meter::-webkit-meter-optimum-value{background:#40b891}
html body #app #main .achievement-gain b{display:inline-block;padding:10px 14px;background:#eef1f6;border-radius:12px;font-size:18px}
html body #app #main .achievement-gain.is-positive b{background:#e5f8ee;color:#008759}
html body #app #main .achievement-note{padding:20px;border:1px solid #cde1fc;border-radius:14px;background:#edf5ff;color:#365b88;font-size:15px;line-height:1.6}
@media(max-width:1050px){html body #app #main .achievement-progress>header{flex-direction:column;align-items:stretch}html body #app #main .achievement-total{justify-content:center}}
@media(max-width:600px){html body #app #main .achievement-progress>header{padding:18px}html body #app #main .achievement-progress>header>div:first-child{padding-left:0;padding-top:85px;background-position:top left}html body #app #main .achievement-progress header h3{font-size:21px}html body #app #main .achievement-total{gap:6px;flex-wrap:wrap}html body #app #main .achievement-total>span,html body #app #main .achievement-total>b{min-width:72px;padding:12px;font-size:22px}}