/* CourseIT compact layout, loaded after the reused CourseFlow theme. */
body:not(:has(nav)) header{height:54px!important;min-height:54px!important;padding:5px clamp(10px,3vw,32px)!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important}
body:not(:has(nav)) header b{display:flex!important;align-items:center!important;gap:7px!important;font-size:20px!important;line-height:1!important;white-space:nowrap!important;flex:0 0 auto!important;letter-spacing:0!important}
body:not(:has(nav)) header b:before{width:30px!important;height:30px!important;flex:0 0 30px!important;background-image:url('/static/courseit-icon.svg')!important}
body:not(:has(nav)) header>span{min-width:0!important;max-width:52%!important;margin-left:auto!important}
.account-menu{display:block!important;min-width:0!important;max-width:100%!important}
.account-menu summary{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;font-size:14px!important;padding:7px 9px!important}
.account-dropdown{position:fixed!important;left:auto!important;right:8px!important;top:54px!important;width:240px!important;min-width:0!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 66px)!important;overflow:auto!important;z-index:1200!important;box-sizing:border-box!important}
body{overflow-wrap:anywhere}main{min-width:0!important}input,select,textarea{max-width:100%;box-sizing:border-box}table{max-width:100%}.scroll{overflow:auto}.button-link{display:inline-block;padding:10px 18px;background:#215cc6;color:white;border-radius:9px}
.storybook-splash{display:none!important}.storybook-login-art{animation:none!important}.login-card button{animation:none!important}
body:not(:has(nav)) .course-card{transition:none!important;transform:none!important}
@media(max-width:600px){body:not(:has(nav)) header{height:50px!important;min-height:50px!important}body:not(:has(nav)) header b{font-size:18px!important}.account-dropdown{top:50px!important;max-height:calc(100dvh - 62px)!important}body:not(:has(nav)) main{padding:0 12px!important;margin:20px auto!important}}
@media(min-width:601px){.account-dropdown{right:clamp(10px,3vw,32px)!important}}
.courseit-tv .video-frame:not(.courseit-controls) #cf-video-actions,.courseit-tv .video-frame:not(.courseit-controls) #mobileRotate,.courseit-tv .video-frame:not(.courseit-controls) #cf-tools,.courseit-tv .video-frame:not(.courseit-controls) #expand{visibility:hidden!important;pointer-events:none!important}
.courseit-tv .video-frame:not(.courseit-controls) .video-click-zone{display:none!important}
.courseit-tv .video-frame.courseit-controls #cf-video-actions{visibility:visible!important}
.courseit-tv .video-frame video{outline:none}

html body:not(:has(nav)) header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body:not(:has(nav)) header span details.account-menu .account-dropdown{position:fixed!important;top:54px!important;bottom:auto!important;right:8px!important;left:auto!important;transform:none!important;width:240px!important;min-width:0!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 66px)!important;overflow-y:auto!important;overflow-x:hidden!important}
@media(max-width:600px){html body:not(:has(nav)) header span details.account-menu .account-dropdown{top:50px!important;max-height:calc(100dvh - 62px)!important}}

html body:not(.courseit-tv) .video-frame #cf-rotate{position:absolute!important;left:10px!important;top:10px!important}
@media(pointer:fine){html body:not(.courseit-tv) .video-frame #cf-rotate{display:none!important}}
html body.courseit-tv #cf-rotate,html body.courseit-tv #mobileRotate{display:none!important}
html body:not(.cf-tv-remote) :is(a,button,input,select,summary):focus-visible{outline:3px solid #ffce54!important;outline-offset:3px!important}