/* Shared action layout for every workspace view, including dynamically loaded modules. */
body.authenticated{--workspace-header:88px}
body.authenticated>header.top{position:sticky!important;top:0!important;height:var(--workspace-header)!important;min-height:var(--workspace-header)!important;z-index:100!important}
body.authenticated .top .wrap{height:100%!important;min-height:0!important}
body.authenticated main.wrap{margin-top:0!important;padding-top:0!important}
body.authenticated #app{align-items:start!important}
body.authenticated #appNavigation{top:var(--workspace-header)!important;height:calc(100dvh - var(--workspace-header))!important}
body.authenticated #app>.page{align-self:start;min-width:0;padding-top:32px!important;scroll-margin-top:calc(var(--workspace-header) + 20px)}
#app .page :is(h1,h2,h3){overflow-wrap:break-word}
#app :is(.heroactions,.courseActions,.reviewActions,.psychActions,.psychPromoActions,.referralPromoActions,.studentPathHeroActions,.academyModuleActions,.examTopActions,.icaoPager,.studyPager,.studyChapterPager,.studyReadingToolbar,.bankPager,.analyticsPager){display:flex;flex-wrap:wrap;align-items:center;gap:12px;max-width:100%;margin-block:16px}
#app :is(.heroactions,.courseActions,.reviewActions,.psychActions,.psychPromoActions,.referralPromoActions,.studentPathHeroActions,.academyModuleActions,.examTopActions,.icaoPager,.studyPager,.studyChapterPager,.studyReadingToolbar,.bankPager,.analyticsPager)>.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 1 auto;min-width:0;max-width:100%;min-height:46px!important;white-space:normal!important;line-height:1.45!important;text-align:center;overflow-wrap:break-word}
#app :is(.bankToolbar,.analyticsToolbar,.interviewControls){gap:16px;min-width:0}
#app :is(.bankToolbar,.analyticsToolbar,.interviewControls)>*{min-width:0;max-width:100%}
#app :is(input,select,textarea){max-width:100%}
#app .page>header{margin-bottom:24px}
#app .guidedHeader{padding:0 0 8px}
#app .guidedHeader h1{margin-top:0}
#app .studyShortcuts{margin:0 0 24px;padding:22px;background:#fff;border:1px solid #dce5ef;border-radius:16px}
#app .studyShortcuts h2{font-size:19px;margin:0 0 16px;color:#18334f}
#app .studyShortcutGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#app .studyShortcutGrid .btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-width:0;min-height:96px!important;padding:18px!important;text-align:left;background:#f6f9fe!important;border-color:#d7e4f4!important}
#app .studyShortcutGrid .btn:hover{background:#eaf2ff!important;border-color:#8db2e5!important}
#app .studyShortcutGrid strong{font-size:16px;color:#173c69}
#app .studyShortcutGrid span{font-size:13px;font-weight:400;color:#596d84}
#app .courseDrawerBody>.courseActions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));align-items:stretch;margin-top:0}
#app .courseDrawerBody>.courseActions>.btn{width:100%;min-height:56px!important}
@media(max-width:1180px),(max-width:1366px) and (hover:none) and (pointer:coarse){
 body.authenticated{--workspace-header:72px}
 body.authenticated #app>.page{padding-top:24px!important}
 #app .studyShortcutGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
}
@media(max-width:600px){
 #app .studyShortcuts{padding:16px;margin-bottom:18px}
 #app .studyShortcutGrid{grid-template-columns:1fr}
 #app .studyShortcutGrid .btn{min-height:78px!important;padding:14px 16px!important}
 #app :is(.heroactions,.courseActions,.reviewActions,.psychActions,.psychPromoActions,.referralPromoActions,.studentPathHeroActions,.academyModuleActions,.examTopActions,.icaoPager,.studyPager,.studyChapterPager,.bankPager,.analyticsPager)>.btn{flex:1 1 150px}
 #app .studyReadingToolbar{align-items:stretch}
 #app .studyReadingToolbar>*{flex:1 1 140px;min-width:0}
 #app .studyReadingToolbar input[type=range]{width:100%}
}
/* Standalone school, exam, recovery and public pages share comfortable touch targets. */
:is(.schoolWorkspace,.examWorkspace,.restoreWorkspace,.marketingPage,.infoWorkspace,.plansPage) :is(.heroactions,.actions,.row){gap:12px;flex-wrap:wrap}
:is(.schoolWorkspace,.examWorkspace,.restoreWorkspace,.marketingPage,.infoWorkspace,.plansPage) :is(button,.btn){min-height:44px;max-width:100%;white-space:normal;overflow-wrap:break-word}