/* Deploy 296 readability (generated) */
@media screen{
body{color:var(--text)}
.nav-back{font-size:15.4px;color:var(--gold)}
.nav-title{font-size:1.1rem;color:var(--gold)}
.tab{font-size:1rem;color:var(--muted)}
.tab:hover{color:var(--text)}
.tab.active{color:var(--gold)}
.ctrl-group{font-size:15.4px;color:var(--muted)}
.fc{font-size:1rem;color:var(--text)}
.btn{font-size:1rem}
.b-gold{color:rgb(0, 0, 0)}
.b-out{color:var(--muted)}
.b-out:hover{color:var(--gold)}
.b-info{color:rgb(96, 165, 250)}
.b-sm{font-size:1rem}
.tt-table th{font-size:15px;color:var(--gold)}
.tt-table td.time-cell{font-size:14.8px;color:rgb(226, 232, 240)}
.lesson-cell{font-size:14.6px;color:rgb(255, 255, 255)}
.lesson-cell .subj{font-size:15.4px}
.lesson-cell .teacher{font-size:15.4px}
.lesson-cell .cls{font-size:1rem}
.row-break td:not(.time-cell), .row-lunch td:not(.time-cell){font-size:15.2px;color:rgb(226, 232, 240)}
.s-english{color:rgb(255, 255, 255)}
.s-kiswahili{color:rgb(255, 255, 255)}
.s-maths{color:rgb(255, 255, 255)}
.s-cre{color:rgb(0, 0, 0)}
.s-science{color:rgb(255, 255, 255)}
.s-agric{color:rgb(0, 0, 0)}
.s-social{color:rgb(255, 255, 255)}
.s-creative{color:rgb(255, 255, 255)}
.s-enviro{color:rgb(0, 0, 0)}
.s-indigenous{color:rgb(255, 255, 255)}
.s-pretechnical{color:rgb(255, 255, 255)}
.s-ppi{color:var(--text)}
.leg-item{font-size:1rem;color:var(--muted)}
.stat-info .v{font-size:1.1rem;color:var(--gold)}
.stat-info .l{font-size:13.4px;color:var(--muted)}
.mhdr h3{font-size:15.6px;color:var(--gold)}
.mx{font-size:1.3rem;color:var(--muted)}
.mx:hover{color:var(--gold)}
.fl{font-size:1rem;color:var(--gold)}
.nf{font-size:1rem}
@media (max-width: 600px){
.tab{font-size:13.8px}
.sh h2{font-size:1rem}
.fc, .btn{font-size:14.6px}
table{font-size:13.8px}
.nav-title{font-size:15.4px}
.nav-back{font-size:14.4px}
}
html{font-size:16px}
body{font-size:1rem}
input, select, textarea, button{font-size:1rem !important}
.dt td{font-size:15px !important}
.dt th{font-size:14.2px !important}
@media (min-width: 1400px){
.stat-value, .sv{font-size:clamp(1.2rem, 2vw, 1.8rem) !important}
h1{font-size:clamp(1.2rem, 2.2vw, 1.9rem) !important}
h2{font-size:clamp(1rem, 1.8vw, 1.4rem) !important}
}
@media (max-width: 1024px){
.brand-name{font-size:1.3rem !important}
.brand-sub{font-size:14.6px !important}
}
@media (max-width: 768px){
.brand-icon{font-size:1.2rem !important}
.brand-name{font-size:1.1rem !important}
.topbar-actions .btn{font-size:14.2px !important}
.fin-card-val{font-size:1.1rem !important}
.nav-back{font-size:14.6px !important}
.tab, .tab-btn{font-size:14.4px !important}
table{font-size:14.1px !important}
}
@media (max-width: 480px){
.btn{font-size:14.2px !important}
}
.stat-value, .sv{font-size:clamp(1.1rem, 2.5vw, 1.8rem)}
.topbar-stat-val{font-size:clamp(1.1rem, 3vw, 1.85rem) !important}


}