/* V10.8.1477 Edge-to-edge Campus (TEST). While the student is on the Campus map, html.cf-cam hides the side menu (desktop) and the bottom tab bar (phone).
   Off switch: localStorage.setItem('itutor_cam_full','off') or open with ?camfull=0 (?camfull=1 turns it back on). */
html.cf-cam .s2side, html.cf-cam .s2tabs, html.cf-cam .s2tabs.mbar{display:none!important}
html.cf-cam .s2{grid-template-columns:minmax(0,1fr)!important}
html.cf-cam .s2>.s2m{grid-column:1/-1!important;margin-left:0!important;width:100%!important;max-width:none!important;padding-bottom:0!important}
/* v2 (Oct 23): campus title moves into the top bar; Simple View lives inside a Help drop-down */
html.cf-cam .s2m>.s2cam>.s2hd{display:none!important}
.cfttl{display:flex;flex-direction:column;justify-content:center;min-width:0;margin-left:22px;padding-left:22px;border-left:1px solid #e3e6ef;line-height:1.15}
.cfttl b{font-size:20px;font-weight:800;color:#13204a;white-space:nowrap}
.cfttl span{font-size:13px;color:#5b6480;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s2tr .s2sv,.s2tr .s2sv+.s2sep{display:none!important}
.cfhm{position:fixed;z-index:10050;min-width:220px;background:#fff;border:1px solid #e3e6ef;border-radius:14px;box-shadow:0 12px 32px rgba(19,32,74,.18);padding:6px;font:inherit}
.cfhm button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:11px 12px;border:0;background:none;border-radius:10px;font:inherit;font-size:15px;font-weight:600;color:#13204a;cursor:pointer;text-align:left}
.cfhm button:hover,.cfhm button:focus-visible{background:#f1f3fa;outline:none}
.cfhm .cfsw{position:relative;width:38px;height:22px;border-radius:11px;background:#c9cede;flex:none;transition:background .15s}
.cfhm .cfsw:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}
.cfhm [aria-checked=true] .cfsw{background:#2f6fed}.cfhm [aria-checked=true] .cfsw:after{left:19px}
@media (max-width:700px){.cfttl{margin-left:10px;padding-left:10px}.cfttl b{font-size:17px}.cfttl span{display:none}}

/* worlds-fix 1023: Block World / Cozy Clubhouse art (16:9) in the edge-to-edge campus */
.s2wbtn{display:flex;justify-content:center;margin:10px 0 4px;text-decoration:none}
.wsel .wenter{display:inline-flex!important;visibility:visible!important;opacity:1!important}
/* worlds-fix 1023b: cropped world art (1384x728) + clickable areas over painted labels */
.s2scene.s2w .s2art{aspect-ratio:1384/728;width:max(100cqw,190.1cqh);left:auto;right:0;transform:none}
.s2hot{position:absolute;z-index:2;border-radius:14px;outline-offset:2px}
.s2hot:hover,.s2hot:focus-visible{box-shadow:0 0 0 3px rgba(255,200,60,.95);background:rgba(255,255,255,.08)}
.s2hot .s2dot{position:absolute;right:-4px;top:-4px}
.s2scene.s2w .s2ch{left:36%;top:44%}
/* w1023r: Choose Your World / Character in the edge-to-edge campus design */
.s2pk{position:relative;min-height:calc(100dvh - 64px);background:var(--pb-bg,#F6F9FD);font-family:Poppins,Inter,sans-serif}
.s2pkw .wsel{position:static!important;inset:auto!important;transform:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;background:none!important;box-shadow:none!important;border:0!important;display:block!important}
.s2pkw .wcards{display:grid!important;grid-template-columns:repeat(3,1fr);gap:0!important;height:calc(100dvh - 64px);width:100%!important;margin:0!important;position:static!important;transform:none!important}
.s2pkw .wcard{position:relative!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden;height:100%!important;width:100%!important;background:#0F2557!important;cursor:pointer;outline:none;transform:none!important}
.s2pkw .wcard img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important;transition:transform .5s,filter .3s;filter:saturate(.9) brightness(.92)}
.s2pkw .wcard:hover img{transform:scale(1.03)}
.s2pkw .wcard.on img{filter:none}
.s2pkw .wcard:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,37,87,0) 55%,rgba(15,37,87,.75));pointer-events:none}
.s2pkw .wcard.on:before{content:"";position:absolute;inset:0;border:5px solid #79B8F6;z-index:3;pointer-events:none}
.s2pkw .wcard b{position:absolute!important;left:0;right:0;bottom:150px;z-index:2;text-align:center;color:#fff!important;font:700 30px/1.2 Poppins,Inter,sans-serif!important;text-shadow:0 2px 12px rgba(0,0,0,.45);background:none!important;padding:0!important}
.s2pkw .wchk{position:absolute!important;top:18px!important;right:18px!important;left:auto!important;z-index:4;width:44px;height:44px;border-radius:50%;background:#4E9BE8!important;color:#fff;display:grid;place-items:center;box-shadow:0 4px 14px rgba(15,37,87,.3)}
.s2pkw .wchk svg{width:24px;height:24px}
.s2pkw .wnote,.s2pkw hr,.s2pkw .wfine{position:absolute!important;left:0;right:0;bottom:24px;margin:0!important;text-align:center;color:#fff!important;font:500 14px Poppins,Inter,sans-serif!important;z-index:5;pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.s2pkw hr,.s2pkw .wfine{display:none}
.s2pkw .wenter{position:absolute!important;left:50%!important;bottom:56px!important;top:auto!important;right:auto!important;transform:translateX(-50%)!important;z-index:6;display:inline-flex!important;align-items:center;gap:10px;padding:16px 34px!important;border-radius:999px!important;background:#0F2557!important;color:#fff!important;font:600 17px Poppins,Inter,sans-serif!important;border:0!important;box-shadow:0 10px 30px rgba(15,37,87,.35);width:auto!important;margin:0!important}
.s2pkw .wenter svg{width:18px;height:18px}
.s2pka{background:url(/static/student-portal/img/avatar-studio-blur.webp) center/cover no-repeat}
.s2pka .avs2{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;height:calc(100dvh - 64px);margin:0!important;padding:24px!important;box-sizing:border-box;display:grid!important;grid-template-columns:minmax(340px,400px) 1fr minmax(260px,300px);gap:24px;align-items:center}
.s2pka .avl,.s2pka .avr2{position:static!important;transform:none!important;width:auto!important;max-height:100%;overflow:auto;background:#fff!important;border:1px solid #E6ECF5!important;border-radius:20px!important;box-shadow:0 10px 30px rgba(15,37,87,.12)!important;padding:24px!important;margin:0!important;box-sizing:border-box}
.s2pka .avl h1{display:none}
.s2pka .avl>p{color:#5B6680!important;font:500 15px/1.45 Poppins,Inter,sans-serif!important;margin:0 0 14px!important}
.s2pka .avstage{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;height:100%!important;display:flex;align-items:flex-end;justify-content:center}
.s2pka .avfig{position:relative!important;inset:auto!important;transform:none!important;height:86%!important;width:auto!important;z-index:2}
.s2pka .avfig img{height:100%!important;width:auto!important}
.s2pka .avped{position:absolute!important;left:50%!important;bottom:2%!important;top:auto!important;transform:translateX(-50%)!important;width:min(380px,70%)!important}
.s2pka .avtabs button{border-radius:999px!important;font-family:Poppins,Inter,sans-serif!important}
.s2pka .avtabs button.on{background:#0F2557!important;color:#fff!important}
.s2pka .cht{border-radius:16px!important;border:1.5px solid #E6ECF5!important;background:#fff!important}
.s2pka .cht.on{border-color:#4E9BE8!important;box-shadow:0 0 0 3px rgba(78,155,232,.25)!important}
.s2pka .avsave{width:100%!important;border-radius:999px!important;background:#0F2557!important;color:#fff!important;font:600 16px Poppins,Inter,sans-serif!important;padding:14px 18px!important;border:0!important;display:flex!important;align-items:center;justify-content:center;gap:8px;margin-top:14px!important}
.s2pka .avback{width:100%!important;border-radius:999px!important;background:#fff!important;color:#0F2557!important;border:1.5px solid #0F2557!important;font:600 15px Poppins,Inter,sans-serif!important;padding:12px 16px!important;margin-top:10px!important}
.s2pka .avstate{background:#F6F9FD!important;border-radius:12px!important;color:#0F2557!important;font:500 14px Poppins,Inter,sans-serif!important;padding:12px!important;margin:0!important}
.s2pka .avstate.ok{background:#E4F5EC!important}
.s2pka .avhint{color:#5B6680!important;text-align:center;font-size:13px!important}
@media (max-width:700px){
 .s2pkw .wcards{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);height:calc(100dvh - 64px - 88px)}
 .s2pkw .wcard b{bottom:14px;font-size:22px!important}
 .s2pkw .wchk{top:10px!important;right:10px!important;width:36px;height:36px}
 .s2pkw .wnote{display:none}
 .s2pkw .wenter{position:fixed!important;bottom:20px!important}
 .s2pka{background:var(--pb-bg,#F6F9FD)}
 .s2pka .avs2{display:flex!important;flex-direction:column;height:auto;padding:12px!important;gap:12px}
 .s2pka .avstage{order:-1;height:300px!important;background:url(/static/student-portal/img/avatar-studio-blur.webp) center/cover;border-radius:20px;overflow:hidden}
 .s2pka .avl,.s2pka .avr2{width:100%!important;max-height:none}
}
/* w1023r: keep the floating Homework Review button off the painted Inside card in Block World / Cozy Clubhouse */
html.cf-cam:has(.s2scene.s2w) #hwr794-link{bottom:auto!important;top:78px!important;right:16px!important}
@media (max-width:700px){html.cf-cam:has(.s2scene.s2w) #hwr794-link{top:70px!important}}
@media (max-width:700px){html.cf-cam #hwr794-link{bottom:auto!important;top:70px!important;right:12px!important;font-size:12px!important;padding:7px 11px!important}}

@media(max-width:700px){html.cf-cam .cfttl{flex:1 1 auto;min-width:0}html.cf-cam .cfttl b{font-size:15px;white-space:normal;line-height:1.1;overflow-wrap:anywhere}}

/* V10.8.1617 campus header: taller, bigger Welcome line, the student's name in the iTutor logo's light blue (#79b8f6). Undo: delete from here to the end. */
html.cf-cam .s2top{height:calc(6.25rem + 1px)}
html.cf-cam .cfttl{margin-left:26px;padding-left:26px;line-height:1.2}
html.cf-cam .cfttl b{font-size:26px;letter-spacing:-.01em}
html.cf-cam .cfttl span{font-size:18px;font-weight:600;color:#2b3a67;margin-top:4px}
.cfttl i.cfnm{font-style:normal;font-weight:800;color:#79b8f6}
.cfttl em.cfq{font-style:normal}
@media (min-width:1181px),(min-width:761px) and (orientation:landscape){html.cf-cam .s2cam{height:calc(100vh - 6.25rem)}}
html.cf-cam:has(.s2scene.s2w) #hwr794-link{top:96px!important}
@media (max-width:760px){
 html.cf-cam .s2top{height:calc(4.9rem + 1px)}
 html.cf-cam .cfttl{margin-left:10px;padding-left:12px}
 html.cf-cam .cfttl b{font-size:19px}
 html.cf-cam .cfttl span{display:block;font-size:13.5px;margin-top:3px;font-weight:700}
 html.cf-cam #hwr794-link,html.cf-cam:has(.s2scene.s2w) #hwr794-link{top:84px!important}
}
@media (max-width:560px){html.cf-cam .cfttl em.cfq{display:none}}