/* Compact teacher and guest navigation: every destination stays accessible. */
.q4-compact-nav{display:none}
.q4-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:1}
.q4-icon svg{display:block;width:20px;height:20px}
@media(min-width:901px){
 html.q3-side-collapsed .teacher-sidebar .teacher-menu,html.q3-side-collapsed .teacher-side-nav > .q3-nav-dashboard{display:none!important}
 html.q3-side-collapsed .teacher-sidebar .q4-compact-nav{display:flex!important;flex-direction:column;gap:6px;padding:3px 0 10px}
 html.q3-side-collapsed .q4-compact-nav>a,html.q3-side-collapsed .q4-compact-link{display:flex;align-items:center;justify-content:center;min-height:36px;width:100%;border-radius:10px;color:#59766f;text-decoration:none;outline-offset:2px}
 html.q3-side-collapsed .q4-compact-nav>a:hover,html.q3-side-collapsed .q4-compact-link:hover,html.q3-side-collapsed .q4-compact-nav>a:focus-visible,html.q3-side-collapsed .q4-compact-link:focus-visible{background:#e8f4ec;color:#135e4b}
 html.q3-side-collapsed .q4-compact-nav>a.active,html.q3-side-collapsed .q4-compact-link.active{background:#dff2e9;color:#146951}
 html.q3-side-collapsed .q4-compact-group{display:flex;flex-direction:column;gap:1px;padding:6px 2px 0;border-top:1px solid #dfeae5}
 html.q3-side-collapsed .q4-grade-icon{min-width:27px;min-height:26px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:#edf5f3;color:#256b58;font-size:11px;font-weight:900}
 html.q3-side-collapsed .q4-compact-link:hover .q4-grade-icon,html.q3-side-collapsed .q4-compact-link.active .q4-grade-icon{background:#d0e8da}
 html.q3-side-collapsed .teacher-side-nav{overflow-y:auto!important;scrollbar-width:thin}
}
/* Fullscreen affordance within lesson, homework, review and preview content. */
.q4-fullscreen-header{position:relative!important;padding-right:70px!important}
.q4-content-fullscreen{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:12px;right:13px;width:36px;height:36px;border:1px solid #d5e2e6;border-radius:11px;background:#fff;color:#235c76;box-shadow:0 2px 10px #102c3a20;cursor:pointer;z-index:100;font:inherit}
.q4-content-fullscreen:hover{background:#eef8ff;border-color:#a4c3db}
.q4-content-fullscreen:focus-visible{outline:3px solid #4e9bb9;outline-offset:3px}
.q4-content-fullscreen .q4-icon svg{width:19px;height:19px}
.q4-content-fullscreen.q4-floating-fullscreen{position:fixed;top:12px;right:12px}
.q4-content-fullscreen.q4-fullscreen-error{background:#fff1d9;color:#926119}
@media(max-width:560px){.q4-fullscreen-header{padding-right:58px!important}.q4-content-fullscreen{top:10px;right:10px;width:34px;height:34px}}