/* Deploy 296 readability (generated) */
@media screen{
body{font-size:16px;color:var(--text)}
button, select, input{font-size:inherit}
.sidebar{color:rgb(255, 255, 255)}
.logo-mark{font-size:20px;color:var(--gold)}
.brand-title{font-size:19px}
.brand-sub{font-size:13px;color:rgb(188, 208, 237)}
.nav-section{font-size:13.8px;color:rgb(142, 168, 202)}
.nav a{font-size:16.5px;color:rgb(227, 237, 250)}
.nav a.active{color:rgb(16, 35, 63)}
.icon{font-size:19px}
.sidebar-footer strong{font-size:14.8px}
.sidebar-footer span{font-size:13.5px;color:rgb(145, 172, 208)}
.crumb{font-size:15.5px;color:rgb(185, 205, 233)}
.crumb b{color:rgb(255, 255, 255)}
.notification{font-size:21px;color:rgb(216, 229, 247)}
.notification:hover{color:var(--gold)}
.avatar{font-size:16px;color:rgb(16, 35, 63)}
.profile strong{font-size:15px;color:rgb(255, 255, 255)}
.profile span{font-size:13.8px;color:rgb(145, 172, 208)}
.page-header h1{font-size:28px;color:var(--navy)}
.page-header p{font-size:15.5px;color:#5f7088}
.card h2{font-size:18.5px;color:var(--navy)}
label{font-size:14.3px;color:#5c7699}
.fc{font-size:15.5px;color:rgb(24, 53, 87)}
.class-check-group .grp-label{font-size:14.3px;color:var(--blue)}
.class-check{font-size:14.8px;color:var(--accent,#183557)}
.class-check.checked{color:rgb(255, 255, 255)}
.subject-preview{font-size:14.8px;color:#61728b}
.subject-preview .chip{font-size:14.3px;color:var(--navy)}
.btn{font-size:15.5px}
.btn-gold{color:rgb(16, 35, 63)}
.btn-sm{font-size:14.3px}
.btn-danger{color:var(--danger)}
.btn-out{color:var(--navy)}
.exam-name{font-size:16px;color:var(--navy)}
.exam-status{font-size:13.3px}
.status-draft{color:rgb(223, 140, 0)}
.status-posted{color:var(--success)}
.status-closed{color:var(--muted)}
.exam-meta{font-size:14.8px;color:var(--muted)}
.empty{font-size:15.5px;color:#63758e}
.toast-msg{font-size:15.6px}


}