/* Internal workspace only. Public aviation animation and exercise illustrations retain their styles. */
:is(#app,.schoolWorkspace,.examWorkspace,.restoreWorkspace){--workspace-ink:#18334f;--workspace-line:#dce5ef;--workspace-blue:#1765d6;--workspace-hero:linear-gradient(120deg,#102d50,#164c80);--muted:#596d84;--line:var(--workspace-line);--navy:#18334f}
#app .page{min-width:0;width:100%;box-sizing:border-box}
#app :is(.card,.reviewCard,.studyAction),:is(.schoolWorkspace,.examWorkspace,.restoreWorkspace) .card{border-color:var(--workspace-line)!important;box-shadow:0 4px 18px #18334f06!important}
#app :is(.card,.reviewCard):hover,:is(.schoolWorkspace,.examWorkspace) .card:hover{box-shadow:0 4px 18px #18334f06!important;transform:none}
#app :is(.heroBanner,.psychHero,.socialIntro,.studyLibraryIntro){box-sizing:border-box;background:var(--workspace-hero)!important;border:1px solid #234f79!important;border-radius:16px!important;padding:28px!important;margin:0 0 24px!important;color:#fff}
#app :is(.heroBanner,.psychHero,.socialIntro,.studyLibraryIntro) :is(h1,h2){font-size:clamp(26px,2.5vw,34px)!important;line-height:1.22!important;letter-spacing:-.5px!important;color:#fff!important;margin:10px 0!important}
#app :is(.heroBanner,.psychHero,.socialIntro,.studyLibraryIntro) :is(p,.muted){color:#d9e8f8!important;font-size:16px!important;line-height:1.65!important;max-width:72ch}
#app :is(.heroBanner,.psychHero,.socialIntro,.studyLibraryIntro) .eyebrow{color:#abd6ff!important}
#app :is(.heroBanner,.psychHero,.socialIntro,.studyLibraryIntro) .btn:not(.primary){background:#f3f8ff!important;color:#153f69!important;border-color:#b8d0e9!important}
#app :is(.card,.reviewCard)>:is(h1,h2,h3):first-child{margin-top:0}
#app :is(.card,.reviewCard)>h2{font-size:24px;line-height:1.3;letter-spacing:-.3px}
#app :is(.card,.reviewCard)>p{line-height:1.65}
#app :is(.btn,.studyAction){transition:background .15s,border-color .15s,box-shadow .15s;transform:none!important}
#app .btn:not(.primary):not(.danger){background:#fff;border:1px solid #cbd8e8;color:#244463}
#app .btn:not(.primary):not(.danger):hover{background:#f0f6fd;border-color:#93b8e5}
#app .btn.primary{color:#fff!important}
#app :is(input:not([type=radio]):not([type=checkbox]):not([type=range]),select,textarea),:is(.schoolWorkspace,.examWorkspace,.restoreWorkspace) :is(input:not([type=radio]):not([type=checkbox]),select,textarea){box-sizing:border-box;padding:11px 13px;line-height:1.5}
#app textarea{resize:vertical}
#app :is(input,select,textarea):disabled{background:#f2f5f9;color:#63748a;cursor:not-allowed}
#app :is(.bankToolbar,.reviewActions,.heroactions,.psychActions,.icaoPager){gap:10px}
#app table,:is(.schoolWorkspace,.examWorkspace) table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.55}
#app th,:is(.schoolWorkspace,.examWorkspace) th{padding:13px 14px;background:#eef4fb;color:#294865;text-align:left;font-weight:700;border-bottom:1px solid #cddced}
#app td,:is(.schoolWorkspace,.examWorkspace) td{padding:13px 14px;border-bottom:1px solid var(--workspace-line);vertical-align:middle}
#app :is(.socialTableWrap,.psychTableWrap){overflow-x:auto;border:1px solid var(--workspace-line);border-radius:12px}
#app .empty{background:#f5f8fc;border:1px dashed #cbd8e8;border-radius:12px;color:#596d84}
#app .studyAction{border-radius:16px;padding:20px;min-height:112px}
#app .psychPromoStudent{background:#fff!important;color:var(--workspace-ink);border:1px solid var(--workspace-line);border-radius:16px;padding:24px;margin:0 0 24px}
#app .psychPromoStudent .psychPromoHeading h2{color:var(--workspace-ink)!important;font-size:24px!important;line-height:1.3!important;margin:10px 0}
#app .psychPromoStudent :is(.psychPromoHeading p,.psychPromoGrid p,.psychPromoNote){color:#596d84!important}
#app .psychPromoStudent :is(.psychPromoBadge,.psychPromoLabel,.psychPromoNumber){color:#1765d6!important}
#app .psychPromoStudent .psychPromoGrid{gap:18px;margin:20px 0}
#app .psychPromoStudent .psychPromoGrid article{border-color:var(--workspace-line);padding-top:16px}
#app .psychPromoStudent .psychPromoGrid h3{color:var(--workspace-ink)!important}
#app .psychPromoStudent .psychPromoActions .primary{background:#1765d6!important;border-color:#1765d6!important;color:#fff!important}
#appNavigation{border-right:1px solid var(--workspace-line)!important;scrollbar-width:thin}
#appNavigation .navTitle{font-size:11px!important;letter-spacing:.08em!important;padding:18px 12px 7px!important;margin:0!important;color:#6b7f96!important}
#appNavigation button{display:flex;align-items:center;gap:10px;text-align:left;flex-shrink:0}
#appNavigation .navIcon{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px!important;color:#607e9d!important}
#appNavigation button.active .navIcon{color:#1765d6!important}
#appNavigation button:not(.active):hover{background:#f0f5fb!important;color:#18334f!important}
#appNavigation .navUser{background:#f5f8fc!important;border:1px solid var(--workspace-line)!important;border-radius:12px}
#appNavigation #studyBuyNow:not(.hidden){background:#1765d6!important;color:#fff!important}
#appNavigation #studyBuyNow .navIcon{color:#fff!important}
#appNavigation #studyBuyNow.hidden,#app [hidden]{display:none!important}
:is(.schoolWorkspace,.examWorkspace,.restoreWorkspace) main{box-sizing:border-box}
.schoolWorkspace #schoolNav button{border-radius:10px;border:1px solid var(--workspace-line);background:#f4f8fd;color:#244463;text-align:left}
.schoolWorkspace #schoolNav button:hover{background:#e8f1fc;transform:none}
.schoolWorkspace #schoolNav button.active{background:#e8f1fc;color:#125cc9;border-color:#98bde9}
.restoreWorkspace main{border:1px solid var(--workspace-line);box-shadow:0 4px 18px #18334f06}
:is(.schoolWorkspace,.examWorkspace,.restoreWorkspace) :is(h1,h2,h3){color:var(--workspace-ink);line-height:1.3}
:is(.schoolWorkspace,.examWorkspace,.restoreWorkspace) button{box-shadow:none!important;transform:none!important}
.examWorkspace #clock{background:var(--workspace-hero);padding:14px 18px;border-radius:12px}
@media(max-width:780px){
 #app :is(.heroBanner,.psychHero,.socialIntro,.studyLibraryIntro){padding:22px!important;margin-bottom:18px!important}
 #app :is(.heroBanner,.psychHero,.socialIntro,.studyLibraryIntro) :is(h1,h2){font-size:27px!important}
 #app :is(.heroBanner,.psychHero,.socialIntro,.studyLibraryIntro) p{font-size:15px!important}
 #appNavigation button{white-space:normal!important;min-width:0!important}
 #appNavigation .navTitle{display:block!important}
 #app .psychPromoStudent{padding:20px}
 #app .psychPromoStudent .psychPromoGrid{grid-template-columns:1fr;gap:10px}
 #app .studyAction{min-height:88px;padding:16px}
 :is(.examWorkspace,.restoreWorkspace) main{width:calc(100% - 28px);margin:18px auto;padding:18px}
 #app table{font-size:13px}#app :is(th,td){padding:11px}
}

/* Align learning headers, content panels and controls on the same page edges. */
#app :is(#psychTraining,#interview,#icao,#studyLibrary){max-width:1040px;margin-inline:auto}
#app #psychTraining :is(.psychReading,.psychPractice){max-width:none;width:100%;margin:0 0 24px;padding:28px;box-sizing:border-box;border-radius:16px}
#app #psychTraining :is(.psychHero,.psychReading,.psychPractice){padding-inline:28px!important}
#app #psychTraining :is(#psychCatalog,#psychLesson,#psychExercise,.psychContext,.psychOriginalReference,.psychStudyGuide,.psychProgress){min-width:0;max-width:100%;box-sizing:border-box}
#app #psychTraining :is(.psychCards,.psychOptions,.psychOriginalCompare,.psychPeople,.psychLivePanels)>*{min-width:0}
#app #psychTraining :is(.psychReading,.psychPractice) :is(h2,h3,h4,p,li,summary){overflow-wrap:anywhere}
#app #psychTraining :is(.psychTaskIdentity,.psychInTaskHelp,.psychOriginalReference,.psychStudyGuide,.psychReview){width:100%;box-sizing:border-box}
#app #psychTraining .psychTaskIdentity{margin-top:0}
#app #psychTraining .psychReview summary{padding-right:8px}
#app #psychTraining :is(.psychActions,.psychSetup){clear:both}
#app #psychTraining .psychActions{align-items:stretch;gap:12px}
#app #psychTraining .psychPractice>.btn{margin:6px 8px 6px 0;max-width:100%;white-space:normal}
#app #psychTraining .psychCard .psychCardReference{flex:none;min-height:0;margin:0 0 10px}
#app #psychTraining .psychCard .btn{margin-top:auto}
#app :is(#psychTraining,#interview,#icao,#studyLibrary) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){max-width:100%;min-width:0;box-sizing:border-box}
#app :is(#psychTraining,#interview,#icao,#studyLibrary) :is(.grid2,.grid4,.icaoSetupGrid,.icaoPictures)>*{min-width:0}
#app :is(#psychTraining,#interview,#icao,#studyLibrary) :is(.heroactions,.icaoPager,.icaoVoiceActions,.psychActions) .btn{max-width:100%;white-space:normal;line-height:1.5}
@media(max-width:780px){
 #app #psychTraining :is(.psychHero,.psychReading,.psychPractice){padding:22px!important}
}
@media(max-width:520px){
 #app #psychTraining :is(.psychHero,.psychReading,.psychPractice){padding:18px!important}
 #app #psychTraining .psychPractice>.btn{width:100%;margin:6px 0}
 #app #psychTraining .psychActions .btn{flex:1 1 100%}
 #app #psychTraining :is(.psychOriginalReference,.psychStudyGuide){padding:16px}
 #app #psychTraining .psychOptionLetter{flex:0 0 18px;align-self:flex-start;line-height:1.5}
}