header{position:sticky;top:0;z-index:50}header .nav{position:relative}header .school-nav{display:flex!important;gap:6px!important;align-items:center;width:auto!important;border:0!important;padding:0!important;margin:0!important}header .school-nav button{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;background:transparent;color:#29496e;border:0;border-radius:8px;padding:10px 14px;min-height:42px;font:600 14px/1.4 Arial,sans-serif;cursor:pointer;transition:background .3s ease,color .3s ease}header .school-nav button[aria-expanded=true]{background:#e8effa;color:#244f85}header .school-nav button span{font-size:14px}header .school-nav button:hover{background:#edf2fa}.school-menus{position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 12px 24px #243b6214;border-bottom:1px solid #dce4f0}.school-menu{max-width:1140px;margin:0 auto;padding:18px 24px!important;max-height:65dvh;overflow:auto}.school-menu[hidden]{display:none!important}.school-menu-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.school-menu-links a{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px!important;border:1px solid #e6ebf3;border-radius:8px;font-size:14px!important;color:#29496e!important;background:#f8faff;text-decoration:none!important;line-height:1.5!important}.school-menu-links a:hover{background:#edf3fc}.school-menu-links a span{color:#8092a9}.school-menu-footer{display:flex;justify-content:flex-end;gap:24px;border-top:1px solid #edf0f6;margin-top:14px;padding-top:12px;font-size:13px}.school-menu-footer a{color:#49698f!important}.school-nav button:focus-visible,.school-menu a:focus-visible{outline:3px solid #79bbcd;outline-offset:2px}@media(max-width:750px){header .nav{display:flex!important;flex-wrap:wrap!important;gap:10px!important;padding:10px 16px!important}header .nav .brand{width:auto!important;margin:0!important}header .school-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;gap:4px!important;border-top:1px solid #e3e9f2!important;padding-top:7px!important}header .school-nav button{font-size:13px;padding:8px 2px;gap:4px;min-height:38px}.school-menu{padding:12px 14px!important}.school-menu-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.school-menu-links a{font-size:13px!important;padding:11px 10px!important}.school-menu-footer{justify-content:space-between;font-size:12px}}
/* Refined typography-led navigation. */
header .school-nav button{position:relative;border-radius:0;background:transparent!important;font-weight:500;color:#52647b;padding:10px 12px;gap:6px}header .school-nav button::after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:2px;background:#30588d;transform:scaleX(0);transition:transform .2s ease}header .school-nav button[aria-expanded=true]{color:#254d80}header .school-nav button[aria-expanded=true]::after{transform:scaleX(1)}header .school-nav button span{font-size:12px;transition:transform .2s ease}header .school-nav button[aria-expanded=true] span{transform:rotate(180deg)}.school-menus{left:auto;right:max(20px,calc((100vw - 1140px)/2));width:380px;border:1px solid #e5eaf1;border-radius:0 0 12px 12px;box-shadow:0 12px 28px #243b620d}.school-menus:not(:has(.school-menu:not([hidden]))){display:none}.school-menu{padding:8px 20px 12px!important}.school-menu-links{display:block}.school-menu-links a{border:0;border-bottom:1px solid #edf0f5;border-radius:0;background:transparent;padding:12px 0!important;font-size:15px!important}.school-menu-links a:last-child{border-bottom:0}.school-menu-links a:hover{background:transparent;color:#1b477c!important}.school-menu-links a>span:first-child{color:inherit}.school-menu-links a small{display:block;font-size:12px;line-height:1.6;color:#7a8799;font-weight:400;margin-top:2px}.school-menu-links a.featured-choice{color:#244f85!important;font-weight:700}.school-menu-footer{margin-top:6px;padding-top:10px;font-size:12px;justify-content:space-between}.school-menu:not([hidden]){animation:menu-appear .2s ease both}@keyframes menu-appear{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:750px){header .nav{padding:9px 16px 0!important;gap:6px!important}header .school-nav{border-top:0!important;padding-top:0!important;gap:0!important}header .school-nav button{font-size:14px;font-weight:500;min-height:42px;padding:8px 2px;gap:5px}header .school-nav button::after{left:10px;right:10px}.school-menus{position:static;width:100%;border:0;border-top:1px solid #edf0f5;border-bottom:1px solid #e2e8f0;border-radius:0;box-shadow:none;background:#fff}.school-menu{padding:4px 22px 12px!important;max-height:55dvh}.school-menu-links{display:block}.school-menu-links a{padding:11px 0!important;font-size:15px!important;min-height:49px}.school-menu-footer{font-size:12px;padding-top:10px}.school-menu-links a small{font-size:12px}header:has(.school-menu:not([hidden])){position:relative;top:auto}}
@media(prefers-reduced-motion:reduce){.school-menu:not([hidden]){animation:none}header .school-nav button::after,header .school-nav button span{transition:none}}
@media(max-width:750px){header .nav{display:grid!important;grid-template-columns:minmax(0,1fr)!important}header .nav nav.school-nav{width:100%!important;min-width:0!important;grid-column:1!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}header .nav .brand{grid-column:1!important}}
/* Compact, centered navigation with a floating selection panel. */
header .school-nav{justify-content:center!important;gap:12px!important}header .school-nav button{color:#52647b;border-radius:9px;padding:9px 14px;gap:9px;transition:color .2s ease,background .2s ease}header .school-nav button[aria-expanded=true]{background:#e8f3f3!important;color:#226879}header .school-nav button:hover{background:#eef3f8!important}header .school-nav button::after{background:#398397;left:14px;right:14px}header .school-nav button span{font-size:11px;color:#8595a8}header .school-nav button[aria-expanded=true] span{color:#398397}.school-menus{width:330px;border:1px solid #dfe7ef;border-radius:14px;background:#fff;box-shadow:0 14px 40px #223b631c;overflow:hidden}.school-menu{padding:8px 10px 10px!important}.school-menu-links a{padding:10px 12px!important;border:0;border-radius:8px;min-height:45px;transition:background .2s ease,color .2s ease,transform .2s ease}.school-menu-links a small{font-size:11px;color:#8290a1;margin-top:1px}.school-menu-links a:hover,.school-menu-links a:focus-visible{background:#eaf4f5;color:#226879!important}.school-menu-links a:active{background:#d7ecee;transform:translateX(2px)}.school-menu-footer{margin:5px 10px 0;padding-top:9px;font-size:11px}.school-menu:not([hidden]){animation:menu-float .22s cubic-bezier(.16,1,.3,1) both}@keyframes menu-float{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:750px){header .nav nav.school-nav{justify-self:center;max-width:380px!important;gap:6px!important;padding:3px 0 7px!important}header .school-nav button{font-size:14px;gap:7px;padding:9px 3px;min-height:40px;justify-content:center}header .school-nav button::after{left:12px;right:12px}header .school-nav button span{font-size:10px}header .school-menus{position:absolute!important;top:calc(100% + 7px)!important;left:50%!important;right:auto!important;transform:translateX(-50%);width:calc(100% - 44px)!important;max-width:330px;border:1px solid #dfe7ef!important;border-radius:13px!important;box-shadow:0 12px 34px #243b6224!important}header:has(.school-menu:not([hidden])){position:sticky!important;top:0}.school-menu{padding:7px 9px 10px!important;max-height:60dvh}.school-menu-links a{font-size:14px!important;min-height:44px;padding:9px 10px!important;line-height:1.4!important}.school-menu-links a small{font-size:11px!important;line-height:1.5}.school-menu-footer{font-size:11px!important;gap:12px}.school-menu-links a.featured-choice{background:#f0f7f8}}
header .school-nav button[aria-expanded=true]{color:#c77d2a!important;background:#fff7ed!important}header .school-nav button::after{background:#d89a4b}header .school-nav button[aria-expanded=true] span{color:#c77d2a}.school-menus{border-top:3px solid #d69a4a;border-radius:3px 3px 8px 8px;width:300px}.school-menu-links a{color:#394453!important;font-weight:400!important}.school-menu-links a:hover,.school-menu-links a:focus-visible{color:#ac6821!important;background:#fff5e8}.school-menu-links a:active{background:#f9e9d4}.school-menu-links a small{display:none}.school-menu-links a.featured-choice{font-weight:600!important;background:transparent}.school-menu-links a{padding:13px 16px!important}.school-menu-links a>span[aria-hidden=true]{font-size:12px;color:#a2aab5}@media(max-width:750px){header .school-menus{max-width:300px!important;border-top:3px solid #d69a4a!important;border-radius:3px 3px 9px 9px!important}.school-menu-links a{padding:13px 15px!important;min-height:48px}.school-menu-links a.featured-choice{background:transparent}.school-menu-links a:hover{background:#fff5e8}}
header .school-menus{left:var(--dropdown-left,auto)!important;right:auto!important;transform:none!important;width:var(--dropdown-width,300px)!important;max-width:calc(100vw - 24px)!important}@media(max-width:750px){header .school-menus{left:var(--dropdown-left,12px)!important;right:auto!important;transform:none!important;width:var(--dropdown-width,280px)!important;max-width:calc(100vw - 24px)!important}}
header{backdrop-filter:blur(10px)}header .school-nav button{transition:color .2s ease,background .2s ease}header .school-nav button[aria-expanded=true]{background:transparent!important;color:#d58a36!important}header .school-nav button:hover{background:transparent!important;color:#d58a36}header .school-nav button::after{height:1px}.school-menu-links a:hover span[aria-hidden=true],.school-menu-links a:focus-visible span[aria-hidden=true]{color:#c77d2a;transform:translateX(3px)}.school-menu-links a>span[aria-hidden=true]{transition:transform .2s ease,color .2s ease}.school-menu-links a:hover,.school-menu-links a:focus-visible{background:#fff8ef;color:#bc772b!important}
.social-rail{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:40;display:flex;align-items:center;flex-direction:column;gap:14px;width:48px;padding:18px 5px;background:#ed8d32;color:white;border-radius:28px;box-shadow:0 6px 20px #af67261a}.social-links{display:flex;flex-direction:column;gap:8px}.social-links a{display:grid;place-items:center;width:36px;height:36px;color:#fff!important;border-radius:50%;transition:background .25s ease,transform .25s ease}.social-links a:hover,.social-links a:focus-visible{background:#ffffff30;transform:translateY(-2px);outline:2px solid #fff;outline-offset:2px}.social-caption{writing-mode:vertical-rl;transform:rotate(180deg);font:600 13px/1.5 Arial,sans-serif;letter-spacing:1px;padding-top:10px;border-bottom:1px solid #ffffff70;padding-bottom:12px}.social-toggle{display:none}@media(min-width:1050px){body:has(.social-rail){padding-right:66px}}@media(max-width:1049px){.social-rail{top:auto;bottom:20px;left:14px;right:auto;transform:none;width:auto;gap:6px;padding:0;border-radius:24px;background:transparent;box-shadow:none;flex-direction:column-reverse;align-items:flex-start}.social-caption{display:none}.social-toggle{display:block;border:0;border-radius:24px;padding:10px 14px;min-height:42px;background:#ed8d32;color:white;font:600 13px/1.4 Arial,sans-serif;box-shadow:0 3px 12px #af67262a;cursor:pointer}.social-links{display:none;border-radius:22px;background:#ed8d32;padding:6px;box-shadow:0 3px 14px #af67261a}.social-open .social-links{display:flex;animation:menu-float .2s ease}.social-links a{width:36px;height:36px}}
/* Keep the header's layout space so hiding never shifts the content. */
header.reading-header{position:sticky!important;top:0!important;transform:translateY(0);transition:transform .45s cubic-bezier(.16,1,.3,1);will-change:transform}
header.reading-header.reading-header-hidden{transform:translateY(calc(-100% - 2px));pointer-events:none}
@media(prefers-reduced-motion:reduce){header.reading-header{transition:none}}
/* All mobile pages share one full-width row with four equal hit areas. */
@media(max-width:750px){
 header .nav nav.school-nav[aria-label]{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;max-width:none!important;min-width:0!important;justify-self:stretch!important;justify-content:stretch!important;gap:0!important;margin:0!important;box-sizing:border-box}
 header .nav nav.school-nav[aria-label]>button{width:100%;min-width:0;box-sizing:border-box;justify-content:center!important;padding:9px 2px!important;gap:6px!important}
}