.account-login-menu{position:relative;flex-shrink:0;font-family:"Segoe UI",Arial,sans-serif}.account-login-menu>summary{list-style:none;width:42px;height:42px;display:grid;place-items:center;border:1px solid #cfe3fa;border-radius:50%;background:#e6f2ff;color:#075bbb;cursor:pointer}.account-login-menu>summary::-webkit-details-marker{display:none}.account-login-menu>summary .ui-icon{width:23px;height:23px}.account-login-menu>summary:hover,.account-login-menu[open]>summary{background:#0865d5;color:white}.account-login-menu>summary:focus-visible{outline:3px solid #66a9f5;outline-offset:3px}.account-login-panel{position:absolute;right:0;top:calc(100% + 14px);width:305px;max-width:calc(100vw - 24px);padding:20px;background:white;border:1px solid #dbe7f5;border-radius:18px;box-shadow:0 16px 45px #0a335e2e;z-index:70}.account-login-panel>strong{font-size:17px;color:#10345c;display:block}.account-login-panel>p{font-size:13px;margin:5px 0 14px;color:#72849a}.account-option{display:flex;align-items:center;gap:12px;min-height:65px;padding:12px;border-radius:12px;margin-top:9px;text-decoration:none;border:1px solid #dae8fb;background:#eff6ff;color:#075bbd}.account-option.staff{background:#eefbf7;border-color:#d2ece3;color:#0b7767}.account-option.admin{background:#f5f1ff;border-color:#e3d9f8;color:#65419d}.account-option>span{flex:1;font-size:15px;font-weight:700}.account-option small{display:block;font-size:11px;font-weight:400;margin-top:5px;color:#63788d}.account-option>.ui-icon{width:24px;height:24px;flex-shrink:0}.account-option:hover{filter:brightness(.96)}.portal-switch-label{text-align:center;font-size:11px;color:#73859a;margin:15px 0 8px}.portal-bottom-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;background:transparent;margin:0}.portal-bottom-buttons a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:55px;padding:8px 4px;border:1px solid #d1e3f8;border-radius:10px;background:#f0f6ff;font-size:11px;color:#075bbb;text-decoration:none;font-weight:600}.portal-bottom-buttons a:nth-child(2){background:#effaf6;border-color:#d4eade;color:#14715b}.portal-bottom-buttons a:nth-child(3){background:#f5f1ff;border-color:#e4dbf7;color:#64459b}.portal-bottom-buttons a[aria-current]{border:2px solid currentColor;box-shadow:none}.portal-bottom-buttons .ui-icon{width:19px;height:19px}.portal-bottom-buttons a:hover{filter:brightness(.96)}.login-card .secure-footer{margin-top:12px}
@media(max-width:850px){.site-v4 .ref-nav{grid-template-columns:minmax(0,1fr) 40px 40px;gap:7px;padding-left:13px;padding-right:13px}.site-v4 .ref-nav .menu-toggle{width:40px;min-width:40px;height:40px}.account-login-menu{grid-column:3;grid-row:1}.account-login-menu>summary{width:40px;height:40px}.account-login-panel{position:fixed;top:84px;right:12px;width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 170px);overflow-y:auto}.site-v4 .ref-nav .ref-brand strong{font-size:clamp(17px,4.4vw,23px)}.site-v4 .ref-nav .ref-brand small{font-size:9px}.site-v4 .home-hero-v4{min-height:400px}.site-v4 .ref-hero-copy{padding-top:25px}.site-v4 .inner-hero{gap:0}.site-v4 .inner-hero>div{order:initial}}
@media(max-width:360px){.site-v4 .ref-nav .ref-brand strong{font-size:17px}.site-v4 .ref-nav .school-crest{width:35px;flex-basis:35px}.site-v4 .ref-nav .ref-brand{gap:6px}.site-v4 .ref-nav .ref-brand small{font-size:8px}}
@media(min-width:851px) and (max-height:700px){.portal-switch-label{margin-top:10px;margin-bottom:6px}.portal-bottom-buttons a{min-height:42px;padding:6px 3px;gap:4px;flex-direction:row;font-size:10px}.portal-bottom-buttons .ui-icon{width:16px;height:16px}.login-card .secure-footer{margin-top:9px}}