*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;color:#060606;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(#8faac1 0px,#bbc3cf 130px,#c4c7ce 160px);background-attachment:fixed}a{color:#0000c0;text-decoration:underline}a:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid #1687ed;outline-offset:3px}.page{position:relative;width:min(787px,calc(100% - 26px));margin:28px auto 50px;padding:15px;background:white;border-radius:16px}.page:before{content:'';position:absolute;inset:14px;border:1px solid #ededed;pointer-events:none}.page>*{position:relative}nav{text-align:right;font-size:20px;line-height:24px;margin:0 0 7px}h1{font-size:26px;line-height:31px;margin:0 0 9px}p,li{font-size:25px;line-height:31px}p{margin:0 0 16px}.logo{display:block;width:366px;max-width:80%;height:auto;margin:0 auto 10px}.penguins{display:block;width:677px;max-width:100%;height:auto;margin:4px auto 18px}.foot{text-align:center;font-size:17px;line-height:21px;margin:0}.foot a{white-space:normal}.notice{font-size:13px;line-height:18px;color:#60666c;text-align:center;margin:15px 0 0}.early{margin-top:43px}.early nav{font-size:13px;line-height:16px;margin-bottom:13px}.title-art{width:100%;height:81px;overflow:hidden;margin:0 0 18px;background-repeat:no-repeat;background-size:1320px auto}.login-title{background-image:url('assets/login-reference.jpeg');background-position:-281px -80px}.logout-title{background-image:url('assets/logout-reference.jpeg');background-position:-281px -65px}.login-page{margin-top:40px}.login-page p{font-size:23px;line-height:28px}.login-art{float:right;width:187px;height:152px;background:url('assets/login-reference.jpeg') -849px -214px /1320px auto no-repeat;margin:-7px 0 0 15px}.login-form{margin:18px 0 42px}label{display:inline-block;width:85px;font-size:16px}input{width:226px;height:26px;border:1px solid #eee;border-radius:5px;margin-bottom:5px;font:16px Arial}button{margin-left:90px;border:0;border-radius:15px;background:#078df5;color:white;padding:4px 14px;cursor:pointer}.login-help{max-width:570px;margin:0}.feedback{font-size:16px!important;line-height:22px!important;margin:12px 0!important}.logout-page{margin-top:25px}.logout-page ul{padding-left:40px;margin:16px 0}.logout-page .title-art{margin-bottom:20px}.directory h1{margin-top:20px}.directory li{font-size:20px}.banana{position:fixed;font-size:48px;line-height:1;pointer-events:none;z-index:10;user-select:none}
@media(max-width:620px){.page{margin-top:18px;padding:13px}nav{font-size:16px}p,li{font-size:20px;line-height:26px}h1{font-size:22px;line-height:27px}.foot{font-size:14px;line-height:19px}.title-art{height:auto;aspect-ratio:757/81;background-size:calc(1320 / 757 * 100%) auto}.login-title{background-position:calc(-281 / (1320 - 757) * 100%) calc(-80px)}.title-art{background-image:none!important;aspect-ratio:auto;overflow:visible;font-size:32px;line-height:38px;color:#7c9ab2;text-shadow:1px 2px 2px #555}.title-art span{position:static!important;clip-path:none!important;width:auto!important;height:auto!important}.login-art{float:none;margin:0 0 12px auto}.login-form{margin-bottom:24px}.login-page p{font-size:20px;line-height:26px}input{width:min(226px,calc(100% - 95px))}}
.title-art span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.login-page .notice{font-size:13px;line-height:18px}.page nav{margin-bottom:3px}
/* Account forms keep the classic layout while fitting phone screens. */
[hidden]{display:none!important}.account-form{margin:24px 0}.account-form>div{margin-bottom:8px}.account-form label{width:165px}.account-form input{width:280px;max-width:100%;height:34px;padding:4px 7px;font:16px Arial}.account-form button{margin:12px 0 0 170px;font-size:16px;padding:7px 18px}button:disabled{opacity:.65;cursor:wait}.form-help{font-size:14px;line-height:20px;margin:0 0 15px 170px;max-width:370px}.account-links{font-size:20px;line-height:26px}.account-details{font-size:20px;line-height:28px;overflow-wrap:anywhere}.account-details dt{font-weight:bold}.account-details dd{margin:0 0 14px}.account-form select{font:16px Arial;padding:5px}.feedback{overflow-wrap:anywhere}.account-form .feedback{margin-top:12px!important}.login-page input{font-size:16px}
@media(max-width:620px){.account-form label{display:block;width:auto;margin-bottom:5px}.account-form input{width:100%;max-width:100%}.account-form button{margin-left:0}.form-help{margin-left:0}.login-form{clear:both}.login-art{float:none}.login-form input{width:calc(100% - 95px)}}
.account-form button{display:block}