/* Swirl section: fades up from white into the Mend swirl, with the ball and the rotator inside it. */
/* The swirl starts behind the questions above it, so there is no empty stretch between them and the ball. */
.wrap:has(+ .fs){position:relative;z-index:1}
.wrap:has(+ .fs) main,.wrap:has(+ .fs) .oa-block{background:transparent}
.fs{--reach:clamp(200px,32vh,300px);--fade:calc(var(--reach) + clamp(90px,12vh,130px));--home-h:100vh;--copy:150px;position:relative;z-index:0;margin-top:calc(var(--reach)*-1);padding-top:var(--fade);background:#FFFFFF;overflow:hidden;overflow:clip}
.fs .home-stage{position:absolute;inset:0;z-index:0}
.fs-fade{position:absolute;left:0;right:0;top:0;height:var(--fade);z-index:1;pointer-events:none;background:linear-gradient(180deg,#FFFFFF 0%,rgba(255,255,255,.96) 14%,rgba(255,255,255,.84) 30%,rgba(255,255,255,.62) 46%,rgba(255,255,255,.38) 62%,rgba(255,255,255,.17) 78%,rgba(255,255,255,.05) 90%,rgba(255,255,255,0) 100%)}
.fs-copy{position:relative;z-index:2;padding:0 24px 8px;text-align:center;pointer-events:none}
html body .fs-copy h2{margin:0;color:#FFFFFF;font-family:"Mend Logo Nunito",sans-serif!important;font-style:italic!important;font-weight:500!important;font-size:clamp(32px,4vw,58px);line-height:1.08}
html body .fs-copy p{margin:8px 0 0;color:#FFFFFF;font-size:clamp(17px,1.6vw,23px);font-weight:600;line-height:1.3}
.fs .home-orbit{position:relative;z-index:2;margin-top:0;height:max(calc(var(--ball)*1.5),470px)}
.fs .orbit-disc,.fs .orbit-disc:hover{color:#172026;text-decoration:none}
.fs .orbit-disc strong{color:#172026}
.fs ul.orbit-list,.fs li.orbit-item{margin:0;padding:0;list-style:none}
/* Worksheets and tools page. */
.wt-page .resource-context{margin-top:0;padding-top:clamp(24px,5vh,48px);border-top:0}
.wt-page .resource-context h1{margin:0 0 10px;font-size:clamp(32px,4vw,46px);line-height:1.1}