:root{--trGold:#eccf94;--trInk:#edf3fc;--trMuted:#bbccdf;--trLine:#36516e;--trPanel:#0c1e34}.trUnified{background:#061325;color:var(--trInk)}.trUnified main:not(.commandStage){scroll-margin-top:24px}.trUnified input,.trUnified textarea,.trUnified select{color:var(--trInk);background:#09182b;border-color:#536f8d}.trUnified input:focus-visible,.trUnified textarea:focus-visible,.trUnified select:focus-visible,.trUnified button:focus-visible,.trUnified a:focus-visible,.trUnified summary:focus-visible{outline:3px solid #90d4f2;outline-offset:3px}.trUnified [hidden]{display:none!important}.trUnified .glass,.trUnified .panel{border-color:var(--trLine)}.trPageVisual{max-width:1200px;position:relative;overflow:hidden;border:1px solid #50607b;border-radius:22px;margin:16px auto 30px;background:#0b1c31}.trPageVisual img{display:block;width:100%;height:240px;object-fit:cover}.trPageVisual.small img{height:125px}.trPageVisual figcaption{padding:18px 26px;background:linear-gradient(110deg,#10243c,#09192b)}.trPageVisual h2{font:28px/1.25 Georgia,serif;margin:0 0 8px;color:var(--trGold)}.trPageVisual p{margin:0;color:var(--trMuted);line-height:1.6}.trUnified .hero{background-image:linear-gradient(90deg,#061325ed 0%,#06132599 50%,#06132518 100%),var(--trHero)!important;background-size:cover;background-position:center}.trUnified .hero:before{display:none}.trUnified .heroCopy{max-width:850px}.trPanoramaHero{background-image:linear-gradient(90deg,#061325f0,#061325b3 64%,#06132544),var(--trHero)!important;background-size:cover;background-position:center;border:1px solid var(--trLine);border-radius:24px;padding:40px!important}.trUnified .heroAtom{opacity:.35}.trConceptSection{max-width:1200px;margin:26px auto;padding:24px;border:1px solid var(--trLine);border-radius:20px;background:var(--trPanel);color:var(--trInk)}.trConceptSection .sectionTitle{text-align:left}.trConceptGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.trConceptGrid>details{padding:18px;border:1px solid var(--trLine);border-radius:16px}.trConceptGrid summary,.trConceptSection>summary{cursor:pointer;color:var(--trGold);font-size:18px;line-height:1.5}.trDiagram{margin:14px 0}.trDiagram h3{font-size:19px;line-height:1.4;color:var(--trInk)}.trDiagram img{width:100%;height:auto;display:block}.trDiagram ol{display:grid;grid-template-columns:repeat(var(--nodes),minmax(0,1fr));gap:14px;margin:12px 0 18px;padding-left:23px;color:var(--trInk);font-size:14px;line-height:1.55}.trDiagram figcaption{color:var(--trMuted);font-size:14px;line-height:1.7}.trEnhancedLesson .lessonHeader{border:1px solid var(--trLine);border-radius:22px;padding:26px;background:linear-gradient(120deg,#112840,#091a30)}.trEnhancedLesson .lessonVisual{min-height:210px;background-size:cover;border-radius:18px}.trEnhancedLesson .lessonVisualText{background:linear-gradient(0deg,#031023ed,#0310237d);padding:18px}.trEnhancedLesson .stateVisual{display:none}.trEnhancedLesson .stateSplit{display:block}.trEnhancedLesson .stateConsole{background:var(--trPanel);border:1px solid var(--trLine);border-radius:20px}.trPracticeScene{margin:0;border-radius:16px;overflow:hidden;border:1px solid #43617e;background:#091a30}.trPracticeScene img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.trPracticeScene figcaption{padding:10px 14px;color:#c3d1e0;font-size:13px}.trLessonTabs{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 12px}.trLessonTabs button{padding:12px 18px;color:#e6effb;border:1px solid #61758d;background:#10243c;border-radius:11px;font:inherit;cursor:pointer}.trLessonTabs button[aria-selected=true]{border-color:var(--trGold);color:#ffe4ac;background:#3b3225}.trEnhancedLesson .instructionStudio{display:block}.trEnhancedLesson .examplePanel,.trSciencePanel{max-width:100%;padding:26px;background:var(--trPanel);border:1px solid var(--trLine);border-radius:20px}.trEnhancedLesson .stepCard{background:#0d223a;border:1px solid #3d5874;border-radius:15px}.trSciencePanel p{color:var(--trMuted);line-height:1.7}.trSciencePanel h3{color:var(--trGold)}.trGuide{padding:16px;border:1px solid var(--trLine);border-radius:14px;margin:14px 0}.trGuide summary{cursor:pointer;color:var(--trGold)}.trGuide h4{font-size:14px;margin:18px 0 6px}.trSpecificEvidence{padding:22px;border:1px solid #58718b;border-radius:18px;background:#10243b;margin-bottom:26px}.trSpecificEvidence p{color:var(--trMuted);line-height:1.65}.trSpecificEvidence select{display:block;width:100%;max-width:650px;padding:12px;margin:10px 0;border:1px solid #6b859f;border-radius:10px;font:inherit}.trWrittenField{display:block;margin:18px 0}.trWrittenField span{display:block;margin-bottom:8px;line-height:1.5;font-size:15px;color:var(--trInk)}.trWrittenField textarea{display:block;width:100%;resize:vertical;padding:12px;border:1px solid #607d99;border-radius:10px;font:inherit}.trCheck{display:flex;align-items:flex-start;gap:12px;margin:16px 0;color:var(--trInk);line-height:1.5;font-size:15px}.trCheck input{margin:5px 0 0;flex-shrink:0}.trDiscoveryLab{margin:22px 0;padding:22px;border:1px solid #7b6496;border-radius:18px;background:#1a2039}.trDiscoveryLab summary{font-weight:600;cursor:pointer;color:#e8d3ff}.trDiscoveryLab p{color:#c4d0e2;line-height:1.7}.trVersionNote{padding:14px 18px;border-left:3px solid var(--trGold);background:#17243b;color:#d0dced;line-height:1.65}.trLegalReading{max-width:880px!important;margin:auto;line-height:1.85}.trLegalReading h1,.trLegalReading h2{color:var(--trGold)}#trMemberVisuals>details{padding:20px;border:1px solid var(--trLine);border-radius:16px;margin:20px 0}#trMemberVisuals summary{cursor:pointer;color:var(--trGold);font-size:19px}#trOutcomeSelect{display:block;width:100%;padding:12px;margin:10px 0}.trDataChart svg{width:100%;height:auto;display:block}.trDataChart p{color:var(--trMuted);line-height:1.6;font-size:14px}.trDataChart table{width:100%;border-collapse:collapse;font-size:14px}.trDataChart td,.trDataChart th{padding:9px;border-bottom:1px solid var(--trLine);text-align:left}.trPassport{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.trPassport article{border:1px solid var(--trLine);border-radius:16px;overflow:hidden;padding-bottom:14px;background:#0c2037}.trPassport article.earned{border-color:#c8ab6b}.trPassport img{width:100%;aspect-ratio:3/1;object-fit:cover;display:block}.trPassport h4,.trPassport p,.trPassport svg{margin:12px 15px}.trPassport h4{font-size:16px}.trPassport p{font-size:13px;color:var(--trMuted);line-height:1.5}.trUnrevealed{height:80px;display:grid;place-items:center;color:#70829b;background:#14243a;font-size:32px}.trRepertoire{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.trRepertoire article{padding:20px;border:1px solid var(--trLine);border-radius:16px}.trRepertoire p{font-size:14px;color:var(--trMuted);overflow-wrap:anywhere}.trUnified .sealGrid{gap:16px}.trUnified .sealCard{border-radius:16px;border-color:var(--trLine)}@media(max-width:1000px){.trPassport{grid-template-columns:repeat(3,minmax(0,1fr))}.trRepertoire{grid-template-columns:repeat(2,minmax(0,1fr))}.trConceptGrid{grid-template-columns:1fr}.trPanoramaHero{padding:28px!important}}@media(max-width:700px){.trPageVisual img{height:170px}.trPageVisual figcaption{padding:18px}.trPageVisual h2{font-size:25px}.trDiagram ol{display:block}.trDiagram li{margin-bottom:8px}.trEnhancedLesson .lessonHeader{padding:18px}.trLessonTabs button{font-size:14px;flex:1 1 140px}.trSpecificEvidence{padding:17px}.trPassport{grid-template-columns:repeat(2,minmax(0,1fr))}.trRepertoire{grid-template-columns:1fr}.trConceptSection{padding:18px;margin:20px 12px}.trPanoramaHero{padding:24px!important}.trDataChart table{font-size:12px}}@media(prefers-reduced-motion:reduce){.trUnified *, .trUnified *:before,.trUnified *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Homepage artwork: subjects on the left, live bilingual copy on the right. */
#home.hero{position:relative;isolation:isolate;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:#061325!important;overflow:hidden}
#home .homeUniverseArt{position:absolute;inset:0;z-index:-1;display:block}
#home .homeUniverseArt img{display:block;width:100%;height:100%;object-fit:cover;object-position:left center}
#home .homeUniverseArt:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,transparent 39%,#06132555 54%,#061325ad 100%),linear-gradient(0deg,#061325 0%,transparent 18%);pointer-events:none}
#home.hero:before,#home.hero:after{display:none!important}
#home .heroCopy{min-width:0;max-width:none;grid-column:2;padding:78px 5vw 90px 2vw}
#home h1{font-size:clamp(38px,4.6vw,78px)!important;line-height:1.08!important;overflow-wrap:normal}
#home p{font-size:clamp(16px,1.3vw,20px)!important}
@media(max-width:980px){
 #home.hero{display:flex;flex-direction:column;min-height:0!important}
 #home .homeUniverseArt{position:relative;inset:auto;z-index:0;width:100%;flex:none}
 #home .homeUniverseArt img{height:auto;object-fit:contain}
 #home .homeUniverseArt:after{background:linear-gradient(0deg,#061325 0%,transparent 20%)}
 #home .heroCopy{width:100%;padding:24px 6vw 66px;text-align:center}
 #home h1{font-size:clamp(32px,7vw,64px)!important}
 #home .heroCtas{justify-content:center}
}

/* Readable exercise and report content in both languages. */
:is(.journeyShell,.progressShell,.trCompletion){font-family:Arial,Helvetica,system-ui,sans-serif!important;font-size:18px!important;line-height:1.7!important}
:is(#lesson,.progressShell,.trCompletion){--trInk:#000;--trMuted:#000;--trPanel:#fff;--trLine:#b8c2cd}
:is(#lesson,.progressShell,.trCompletion) :is(p,li,label,textarea,input,select,td,th){font-family:Arial,Helvetica,system-ui,sans-serif!important;font-size:18px!important;line-height:1.7!important;letter-spacing:normal!important}
:is(#lesson,.progressShell,.trCompletion) :is(h2,h3,h4){font-family:Arial,Helvetica,system-ui,sans-serif!important;line-height:1.35!important;letter-spacing:normal!important}
:is(#lesson,.progressShell,.trCompletion) h2{font-size:28px!important}
:is(#lesson,.progressShell,.trCompletion) h3{font-size:23px!important}
:is(#lesson,.progressShell,.trCompletion) h4{font-size:20px!important}
#lesson,.trCompletion{background:#fff!important;color:#000!important;border-color:#b8c2cd!important}
#lesson{padding:clamp(12px,2vw,24px);border-radius:20px}
#lesson :is(section,article,details,[class*="Panel"],[class*="Card"],[class*="Box"],[class*="Cell"],[class*="Field"],[class*="Wrap"],[class*="Intro"],[class*="Head"],[class*="Body"],[class*="Console"],[class*="Compare"],[class*="Question"],[class*="Note"],[class*="Status"],[class*="Summary"],[class*="Rule"],[class*="Carry"],[class*="Aside"],[class*="Target"]),
.progressShell :is(.panel,section:not(.progressHero),article,details,.vizCard,.vizEmpty,.profileEmpty,.cpCard,.metricStrip span,.mapPanel,.chainWrap,.chainField,.profileCompare,.domainCard,.mapMetric,.mapStatus),
.trCompletion .completionSynthesis{background:#fff!important;color:#000!important;border-color:#b8c2cd!important;text-shadow:none!important}
:is(#lesson,.progressShell,.trCompletion) :is(p,li,label,h2,h3,h4,summary,small,strong,b,em,span,td,th,figcaption){color:#000!important;text-shadow:none!important}
:is(#lesson,.progressShell,.trCompletion) :is(small,[class*="Kicker"],[class*="Tag"],[class*="Note"],.legend,.axisText,.profileRow,.actionBar,.profileBar,.metricStrip span,.mapLegend div,.stepTime,.stepSummary){font-size:15px!important;line-height:1.6!important;letter-spacing:normal!important}
:is(#lesson,.progressShell,.trCompletion) :is(button,input,textarea,select){color:#000!important;background:#fff!important;border-color:#68788a!important;font-family:Arial,Helvetica,system-ui,sans-serif!important;font-size:16px!important;line-height:1.5!important;text-shadow:none!important}
:is(#lesson,.progressShell,.trCompletion) :is(input,textarea,select){font-size:18px!important}
:is(#lesson,.progressShell,.trCompletion) ::placeholder{color:#4b5563!important;opacity:1}
:is(#lesson,.progressShell,.trCompletion) :is(button.selected,button.active,button[aria-selected=true],.saveButton,.nextDay,.primaryButton){color:#000!important;background:#dcecfb!important;border-color:#17619b!important;box-shadow:inset 0 0 0 1px #17619b!important;font-weight:700!important}
:is(#lesson,.progressShell,.trCompletion) a{color:#064b83!important;text-decoration:underline;text-underline-offset:3px}
:is(#lesson,.progressShell,.trCompletion) :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #075985!important;outline-offset:3px!important}
#lesson :is(.lessonVisualText,.trPracticeScene figcaption),.progressShell .trPassport :is(h4,p),.progressShell .trRepertoire{background:#fff!important;color:#000!important}
.progressShell .axisText,.progressShell .trDataChart svg text{fill:#000!important;font-family:Arial,Helvetica,sans-serif!important}
.trCompletion .completionSeal{background:#e8f3ff!important;color:#000!important;border-color:#17619b!important}
@media(max-width:700px){:is(#lesson,.progressShell,.trCompletion) :is(p,li,label,textarea,input,select,td,th){font-size:18px!important}.progressShell .trDataChart{overflow-x:auto}.progressShell .trDataChart table{min-width:460px}.trCompletion{padding:22px}}
/* Keep every black report caption on a light surface. */
.progressShell :is(.progressHero,.certificate,.checkpointBanner,.requirement,.emptyState,.note,.assessmentRow,.observationRow,.skillItem,.mapSummary,.chainWrap,.profileCompare),
:is(#lesson,.progressShell) figcaption{background:#fff!important;color:#000!important;border-color:#b8c2cd!important}

.stepBody .stepGoal{grid-column:1 / -1;border-left:4px solid #087fa5;padding:12px 16px;background:#eff8fc;color:#000;}

.stepBody .trStepAlternative,.stepBody .trStepCheck{grid-column:1 / -1; padding:14px 16px;border:1px solid #b9cbd7;border-radius:14px;background:#f4f9fc;color:#000;}
.trStepCheck>small{display:block;margin-top:10px;font:14px/1.5 Arial,sans-serif;color:#243746;}
.trStepCheck .trStepChips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;}
.trStepCheck .trStepChips button{white-space:normal;min-height:48px;line-height:1.4;text-align:left;font:600 15px/1.4 Arial,sans-serif;padding:10px;}
@media(max-width:650px){.trStepCheck .trStepChips{grid-template-columns:1fr;}}

.trStepCheck>b{font:700 17px/1.5 Arial,sans-serif;letter-spacing:0;text-transform:none;color:#000;}

.trAdminNavigation,.trAdminReviewBanner{padding:20px;margin:18px 0;border:1px solid #8aaec8;border-radius:20px;background:#f4faff;color:#000;font:16px/1.5 Arial,sans-serif;}
.trAdminModes,.trAdminNavigation nav,.trAdminJump{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.trAdminNavigation nav{margin:14px 0}.trAdminNavigation button,.trAdminNavigation a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid #94aabf;border-radius:10px;background:linear-gradient(#fff,#dfebf5);box-shadow:0 3px 0 #8fa4b8;color:#08243b;font:700 15px/1.4 Arial,sans-serif;text-decoration:none;}
.trAdminNavigation button[aria-pressed=true]{background:linear-gradient(#159ec8,#075077);color:#fff}.trAdminJump select{flex:1;min-width:150px;max-width:100%;padding:12px;border:1px solid #829db3;border-radius:10px;background:white;color:#000;font:16px Arial,sans-serif}.trAdminReviewBanner strong{color:#065d82}.trAdminReviewBanner p{margin:8px 0 0;}
@media(max-width:650px){.trAdminJump{align-items:stretch}.trAdminJump label{width:100%}.trAdminModes>strong{width:100%}}