.student-join-page{max-width:1080px;padding-block:52px 70px}.student-join-intro{max-width:760px}.student-join-intro h1{margin:15px 0 20px;font-size:clamp(2.1rem,4vw,3.15rem)}.student-join-intro .lede{max-width:660px}.student-join-layout{grid-template-columns:minmax(0,1fr) 245px;align-items:start;gap:58px;margin-top:36px;display:grid}.student-join-desk{border-top:4px solid #1e8082;min-width:0;padding-top:26px}.student-code-entry h2,.student-assignment h2{letter-spacing:-.02em;margin:10px 0 15px;font-size:clamp(1.4rem,2.4vw,1.8rem);line-height:1.3}.student-join-desk p{max-width:760px;font-size:.94rem;line-height:1.75}.student-join-desk h3{margin:9px 0 12px;font-size:1.16rem;line-height:1.35}.student-join-desk .student-join-hand{font-family:var(--font-hand,cursive);color:#1b7477;font-size:1.7rem;font-weight:600;line-height:1.15}.student-code-entry form{margin-top:25px}.student-join-desk label{margin:0 0 9px;font-size:.84rem;font-weight:700;display:block}.student-code-row{flex-wrap:wrap;align-items:stretch;gap:12px;margin-bottom:9px;display:flex}.student-join-desk input{color:#203c35;min-height:49px;font:inherit;background:#fff;border:1px solid #759a91;border-radius:2px;min-width:0;max-width:100%;padding:13px 15px}.student-code-row input{letter-spacing:.06em;flex:1;min-width:180px;font-family:ui-monospace,monospace;font-size:1.23rem;font-weight:700}.student-join-desk button,.student-open-activity{color:#fff;min-height:47px;font:inherit;cursor:pointer;background:#245c56;border:1px solid #245c56;border-radius:2px;padding:11px 18px;font-size:.86rem;font-weight:700;line-height:1.45;text-decoration:none}.student-join-desk button:disabled{opacity:.55;cursor:not-allowed}.student-join-desk button:focus-visible,.student-join-desk input:focus-visible,.student-join-desk a:focus-visible{outline-offset:4px;outline:3px solid #a87915}.student-join-desk .student-join-small{color:#5a6a63;font-size:.77rem;line-height:1.75}.student-join-aside{border-left:2px solid #c5b06a;margin-top:20px;padding:5px 0 12px 22px}.student-join-aside h2{margin:0 0 15px;font-size:1.04rem}.student-join-aside p{color:#53655e;margin:0 0 13px;font-size:.83rem;line-height:1.8}.student-join-aside a{font-size:.81rem;font-weight:700}.student-assignment-label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.student-assignment-label>p{text-transform:uppercase;letter-spacing:.06em;color:#396c63;font-size:.76rem;font-weight:800}.student-join-desk .student-assignment-label button{color:#245c56;background:0 0;border:0;min-height:36px;padding:5px 0;font-size:.75rem;text-decoration:underline}.student-assignment h2:focus{outline:none}.student-alias-form,.student-join-state{border-top:1px solid #c7d5ca;margin-top:25px;padding-top:24px}.student-alias-form label{max-width:340px;margin-top:21px}.student-alias-form input{width:100%;margin-top:8px;font-size:1rem;display:block}.student-alias-form>button{margin-top:19px}.student-join-state>p+p{margin-top:12px}.student-join-state>button{margin-top:18px}.student-join-desk .student-join-secondary{color:#245c56;background:#fff}.student-join-approved{border-top-color:#87aaa0}.student-open-activity{align-items:center;gap:25px;margin:22px 0 17px;display:inline-flex}.student-open-activity:hover{background:#1b4742}.student-leave-row{border-top:1px solid #d7ddd4;margin-top:29px;padding-top:17px}.student-join-desk .student-leave-row button{color:#785036;background:0 0;border:0;min-height:36px;padding:4px 0;font-size:.76rem;text-decoration:underline}.student-leave-row p{margin-top:8px}.student-join-error{color:#773c2c;background:#fff0e9;border-left:4px solid #aa583f;margin-top:22px;padding:20px 22px}.student-join-error h3{margin-top:0}.student-join-error p+p{margin-top:10px}.student-join-error button{color:#773c2c;background:0 0;border-color:#b88774;margin-top:15px}.student-join-desk .student-join-notice{color:#245c56;margin-top:20px;font-size:.86rem;font-weight:700}.student-join-footer{border-top:1px solid #d1dad2;justify-content:space-between;align-items:start;gap:24px;margin-top:30px;padding-top:18px;display:flex}.student-join-footer p{color:#65736b;font-size:.75rem}.student-join-footer a{white-space:nowrap;font-size:.74rem;font-weight:700}.student-join-no-js{background:#fff9e2;border-left:4px solid #a87915;margin-top:20px;padding:15px;font-size:.86rem}@media (width<=850px){.student-join-layout{grid-template-columns:1fr;gap:28px}.student-join-aside{max-width:640px;margin-top:0}.student-join-page{padding-top:35px}.student-join-intro h1{max-width:700px}}@media (width<=500px){.student-join-page{width:calc(100% - 36px)}.student-code-row{flex-direction:column}.student-code-row input{width:100%;font-size:1.2rem}.student-code-row button{align-self:start}.student-join-footer{flex-direction:column;gap:11px}.student-join-error{padding:17px}.student-assignment-label{align-items:flex-start;gap:4px}.student-join-intro h1{font-size:2.15rem}}@media print{.student-join-desk form,.student-join-desk button,.student-open-activity{display:none!important}}.student-join-desk .student-entry-check{border-left:3px solid #c19c3f;margin:20px 0;padding:12px 0 12px 18px;font-size:.86rem}.student-entry-check strong{letter-spacing:.12em;margin-left:7px;font-family:ui-monospace,monospace;font-size:1.3rem;display:inline-block}.student-entry-check span{color:#5a6a63;margin-top:5px;font-size:.76rem;display:block}.student-forget-actions{flex-wrap:wrap;gap:25px;margin-top:9px;display:flex}
