@media(min-width:769px){
.office-header{padding:20px clamp(24px,3vw,64px) 0;gap:18px;border-bottom:3px solid #b52230;background:linear-gradient(110deg,#fff 65%,#fffcf4);box-shadow:0 5px 18px #29211a08}
.office-header .school-logo{width:106px}.office-header .brand{gap:24px}.office-header .brand-caption{font-size:15px;color:#4e4d54}
.office-header #office-navigation{flex-basis:100%;gap:6px;padding:10px 0 14px;align-items:center;border-top:1px solid #eee7dc}
.office-header #office-navigation a,.office-header #office-navigation button.link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid transparent;border-radius:10px;text-decoration:none;font-size:14px;font-weight:650;line-height:1.3;color:#53505a;background:transparent;transition:background .15s,color .15s,box-shadow .15s}
.office-header #office-navigation a:hover{background:#f7edda;color:#713e16;border-color:#e8d7b2}
.office-header #office-navigation a[aria-current="page"]{background:#b52230;color:#fff;box-shadow:0 3px 9px #b5223026;border-color:#b52230}
.office-header #office-navigation a.nav-rollcall{color:#9e202b;background:#fff0f0;border-color:#ecc5c8;font-weight:750}
.office-header #office-navigation a.nav-rollcall:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:8px}
.office-header #office-navigation a.nav-rollcall[aria-current="page"]{background:#b52230;color:#fff;border-color:#b52230}
.office-header #office-navigation form{margin-left:auto;padding-left:12px;border-left:1px solid #e3dbcf}
.office-header #office-navigation button.link{border-color:#dfd5ca;color:#8e2830;background:#fff;min-height:42px}
.office-header #office-navigation button.link:hover{background:#fff0f0}
}
@media(min-width:1700px){.office-header{flex-wrap:nowrap;padding-bottom:20px;gap:36px}.office-header #office-navigation{flex-basis:auto;border-top:0;padding:12px;background:#faf8f4;border:1px solid #eee7dc;border-radius:16px}.office-header .brand{flex-shrink:0}}
@media(max-width:768px){#office-navigation a[aria-current="page"]{background:#fff0f0;color:#9e202b;font-weight:800}}
@media(prefers-reduced-motion:reduce){.office-header #office-navigation a,.office-header #office-navigation button.link{transition:none}}