/* Departments page — emergency lightbar theme */
.lightbar{height:10px;display:flex;position:relative;z-index:2}
.lightbar span{flex:1;animation:lb 1.1s infinite}
.lightbar span:nth-child(odd){background:var(--red);box-shadow:0 0 28px 8px color-mix(in srgb,var(--red) 60%,transparent)}
.lightbar span:nth-child(even){background:var(--blue);box-shadow:0 0 28px 8px color-mix(in srgb,var(--blue) 60%,transparent);animation-delay:.55s}
.lightbar span:nth-child(3),.lightbar span:nth-child(4){animation-duration:.55s}
@keyframes lb{0%,40%{opacity:1}50%,100%{opacity:.12;box-shadow:none}}
.page-head.lights{background:radial-gradient(50% 120% at 15% 0,color-mix(in srgb,var(--red) 25%,transparent),transparent 60%),radial-gradient(50% 120% at 85% 0,color-mix(in srgb,var(--blue) 25%,transparent),transparent 60%),var(--bg2);animation:wash 2.2s infinite alternate}
@keyframes wash{0%{filter:hue-rotate(0)}100%{filter:brightness(1.2)}}
.dept{border-top:3px solid var(--c);padding:28px;overflow:hidden}
.dept{--c:var(--blue)}.dept.red{--c:var(--red)}.dept.white{--c:#f4f4f6}
.dept::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 0,color-mix(in srgb,var(--c) 25%,transparent),transparent 70%);opacity:.7;pointer-events:none;animation:glow 2.4s infinite alternate}
.dept:hover{box-shadow:0 0 40px -6px var(--c);border-color:var(--c)}
@keyframes glow{to{opacity:.25}}
.dept .badge{display:inline-block;font-weight:900;letter-spacing:2px;padding:4px 12px;border:1px solid var(--c);color:var(--c);font-size:.85rem;position:relative}
.dept img.dlogo{height:80px;width:auto;float:right;margin-left:12px;position:relative}
.dept h3{font-size:1.5rem;position:relative}.dept p{position:relative}
.divs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px;position:relative}
.divs div{border:1px solid var(--line);background:var(--bg);padding:12px 14px;border-left:3px solid var(--c)}
.divs b{display:block;color:var(--white)}.divs span{font-size:.85rem;color:var(--mut)}
.dept.wide{grid-column:1/-1}
@media(max-width:820px){.divs{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.lightbar span,.dept::before,.page-head.lights{animation:none}}

.t-nodeptlightbar .lightbar{display:none}.t-nodeptlightbar .page-head.lights{animation:none;background:linear-gradient(180deg,var(--bg2),var(--bg))}
.t-noglow .dept::before{display:none}.t-noglow .dept:hover{box-shadow:none}