/* Grouped navigation, with native keyboard-accessible disclosure menus. */
.office-header{position:relative;isolation:isolate;background:linear-gradient(110deg,#fff 15%,#fffaf0 100%);border-top:5px solid #b52230;border-bottom:1px solid #e6dac4;box-shadow:0 4px 20px #3024190a}
.office-header .brand-caption{display:flex;flex-direction:column;gap:6px}
.office-header .workspace-title{font-family:Georgia,serif;font-size:32px;line-height:1.15;color:#9e2330;letter-spacing:-1px}
.office-header .workspace-caption{font-size:12px;font-weight:600;letter-spacing:.035em;color:#746344}
.office-header #office-navigation .nav-group{position:relative;margin:0;min-width:0}
.office-header #office-navigation summary{display:flex;align-items:center;gap:12px;min-height:44px;box-sizing:border-box;list-style:none;cursor:pointer;border-radius:10px;padding:10px 14px;color:#4f4a47;font-size:14px;font-weight:650;line-height:1.3;border:1px solid transparent}
.office-header #office-navigation summary::-webkit-details-marker{display:none}
.nav-chevron{width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.nav-group[open] .nav-chevron{transform:rotate(225deg);margin-top:3px}
.office-header #office-navigation summary:hover,.office-header #office-navigation .nav-group[open]>summary{background:#f5ead4;color:#743f16;border-color:#e6d3aa}
.office-header #office-navigation .nav-group-current>summary{background:#f5ead4;color:#743f16}
.office-header #office-navigation summary:focus-visible{outline:3px solid #177599;outline-offset:3px}
.office-header #office-navigation .nav-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:30;min-width:240px;padding:8px;background:#fff;border:1px solid #e5dccd;border-radius:14px;box-shadow:0 12px 32px #30241926}
.office-header #office-navigation .nav-dropdown a,.office-header #office-navigation .nav-dropdown button.link{display:flex;justify-content:flex-start;width:100%;box-sizing:border-box;text-align:left;white-space:normal;margin:0}
.office-header #office-navigation .nav-dropdown form{margin:6px 0 0;padding:6px 0 0;border:0;border-top:1px solid #eee5d7}
.office-header #office-navigation .nav-group:last-child .nav-dropdown{left:auto;right:0}
@media(min-width:769px){
.office-header{padding:18px clamp(24px,3vw,64px) 0;display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.office-header .school-logo{width:76px}.office-header .brand{gap:20px;flex-shrink:0}
.office-header #office-navigation{display:flex;flex-wrap:wrap;flex-basis:100%;width:auto;gap:6px;border:0;border-top:1px solid #e7d9bd;border-radius:0;background:transparent;margin:0;padding:12px 0;align-items:center;overflow:visible}
.office-header #office-navigation>a,.office-header #office-navigation summary{white-space:nowrap}
.office-header #office-navigation>.nav-group:last-child{margin-left:auto}
.office-header #office-navigation>a.nav-rollcall{background:#b52230;color:#fff;border-color:#b52230;box-shadow:0 3px 9px #b5223026}
}
@media(min-width:1350px){.office-header{flex-wrap:nowrap;padding-bottom:18px;gap:30px}.office-header #office-navigation{flex-basis:auto;flex:1;justify-content:flex-end;border-top:0;padding:8px 0}.office-header #office-navigation>.nav-group:last-child{margin-left:6px}}
@media(max-width:768px){
.office-header{padding:16px 20px;gap:12px;align-items:center}.office-header .school-logo{width:66px}.office-header .brand{gap:14px}.office-header .workspace-title{font-size:26px}.office-header .workspace-caption{font-size:11px}
.office-header.menu-ready .brand-caption{display:flex}.office-header .menu-toggle{margin-left:auto}
.office-header #office-navigation .nav-group{width:100%}.office-header #office-navigation summary{width:100%;min-height:48px;font-size:16px;justify-content:space-between}
.office-header #office-navigation .nav-dropdown{position:static;min-width:0;width:auto;margin:4px 0 10px 12px;padding:4px 8px;border:0;border-left:3px solid #d4b461;border-radius:0;box-shadow:none;background:#ffffffb0}
.office-header #office-navigation a.nav-rollcall{color:#a21d2b;background:#fff0f0;font-weight:750}
}
@media(max-width:370px){.office-header .workspace-caption{display:none}.office-header .brand{gap:10px}.office-header .school-logo{width:52px}.office-header .workspace-title{font-size:23px}}
@media(min-width:769px) and (max-width:1180px){
html.is-ipad .office-header{padding:16px 24px;gap:12px;align-items:center}
html.is-ipad .office-header .school-logo{width:66px}html.is-ipad .office-header .brand{gap:14px}html.is-ipad .office-header .workspace-title{font-size:26px}html.is-ipad .office-header .workspace-caption{font-size:11px}
html.is-ipad .office-header .menu-toggle{margin-left:auto}
html.is-ipad .office-header.menu-ready #office-navigation{display:none;flex-basis:100%;width:100%;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #e3dfda;padding:8px 0 0}
html.is-ipad .office-header.menu-ready.menu-open #office-navigation{display:flex}
html.is-ipad .office-header #office-navigation>.nav-group:last-child{margin-left:0}
html.is-ipad .office-header #office-navigation .nav-group{width:100%}
html.is-ipad .office-header #office-navigation summary{width:100%;min-height:48px;font-size:16px;justify-content:space-between}
html.is-ipad .office-header #office-navigation .nav-dropdown{position:static;min-width:0;width:auto;margin:4px 0 10px 12px;padding:4px 8px;border:0;border-left:3px solid #d4b461;border-radius:0;box-shadow:none;background:#ffffffb0}
html.is-ipad .office-header #office-navigation a.nav-rollcall{color:#a21d2b;background:#fff0f0;font-weight:750}
}
@media(min-width:769px) and (max-width:1366px) and (orientation:landscape) and (hover:none) and (pointer:coarse){
.office-header{padding:16px 24px;gap:12px;align-items:center}.office-header .school-logo{width:66px}.office-header .brand{gap:14px}.office-header .workspace-title{font-size:26px}.office-header .workspace-caption{font-size:11px}.office-header .menu-toggle{margin-left:auto}
.office-header.menu-ready #office-navigation{display:none;flex-basis:100%;width:100%;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #e3dfda;padding:8px 0 0}.office-header.menu-ready.menu-open #office-navigation{display:flex}
.office-header #office-navigation>.nav-group:last-child{margin-left:0}.office-header #office-navigation .nav-group{width:100%}.office-header #office-navigation summary{width:100%;min-height:48px;font-size:16px;justify-content:space-between}.office-header #office-navigation .nav-dropdown{position:static;min-width:0;width:auto;margin:4px 0 10px 12px;padding:4px 8px;border:0;border-left:3px solid #d4b461;border-radius:0;box-shadow:none;background:#ffffffb0}.office-header #office-navigation a.nav-rollcall{color:#a21d2b;background:#fff0f0;font-weight:750}
}