body:has(.how-story){background:#fff}main:has(.how-story){max-width:none;padding:0}main:has(.how-story)>.crumb{max-width:1168px;margin:auto;padding:24px}.how-story{--forest:#103e32;--ink:#153e30;--mint:#edf7f0;color:var(--ink)}.story-wrap{max-width:1168px;margin:auto;padding:0 24px}.how-story h1{letter-spacing:-.045em;margin:20px 0 24px;font-size:clamp(48px,6.4vw,84px)}.how-story h2{letter-spacing:-.035em;margin:18px 0 24px;font-size:clamp(38px,4.8vw,60px)}.how-story p{line-height:1.65}.story-copy>p:not(.eyebrow),.story-welcome .story-wrap>p:not(.eyebrow),.practice-lead{color:#526e62;max-width:530px;font-size:19px}.story-copy .story-small{max-width:420px;font-size:14px!important}.story-mark{background:linear-gradient(#cdebd5,#cdebd5) left 88%/calc(var(--reveal,1)*100%) 30% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}.story-welcome{min-height:65vh;padding:48px 0 70px}.journey-thread{color:#587266;align-items:center;gap:24px;margin-top:55px;font-size:14px;display:flex}.journey-thread i{background:#bdd9c7;width:65px;height:1px}.story-chapter{align-items:center;min-height:90vh;padding:100px 0;scroll-margin-top:96px;display:grid}.story-split{grid-template-columns:1fr 1fr;align-items:center;gap:70px;width:100%;display:grid}.story-start,.story-progress{background:var(--mint)}.goal-scene{gap:22px;max-width:500px;display:grid}.goal-line{border-bottom:1px solid #cfe3d5;padding-bottom:22px;font:clamp(22px,2.5vw,31px)/1.4 Georgia,serif}.goal-response{color:#4e7961;margin:0;font-size:14px!important}.week-days{color:#6e8477;grid-template-columns:repeat(7,1fr);gap:8px;font-size:13px;display:grid}.week-days>span{text-align:center;border-bottom:1px solid #dbe9e0;padding:20px 0}.class-day{color:#164e36;font-weight:700;position:relative}.class-day i{width:7px;height:7px;transform:scale(var(--reveal,1));background:#2c8557;border-radius:50%;position:absolute;bottom:8px;left:calc(50% - 3px)}.week-window{padding:35px 0}.week-window>span,.lesson-screen-label,.teacher-bubble small,.practice-bubble small{letter-spacing:.12em;font-size:9px;display:block}.week-window strong{margin:12px 0;font:38px Georgia,serif;display:block}.week-window p{color:#587266;font-size:16px}.week-scene>small{color:#6b8274;font-size:11px}.home-story{background:linear-gradient(160deg,var(--scene-top,#edf7f0),var(--scene-bg,#edf7f0));height:230svh;color:var(--scene-ink,#103e32);position:relative}.home-story-sticky{align-items:center;min-height:calc(100svh - 94px);padding:45px 0;display:grid;position:sticky;top:94px}.home-story-sticky>.story-wrap{grid-template-columns:.7fr 1.3fr;align-items:center;gap:40px;width:100%;display:grid}.home-story-copy>p:not(.eyebrow){color:inherit;font-size:18px}.home-story-copy .story-mark{background-image:linear-gradient(var(--scene-highlight,#cdebd5),var(--scene-highlight,#cdebd5))}.scene-narration{opacity:.85;border-top:1px solid;margin-top:36px;padding-top:15px}.scene-narration p{margin:8px 0;font-size:13px;transition:opacity .2s}.scene-narration p:not(.current){opacity:.4}.home-scene{min-width:0}.home-scene-layer{aspect-ratio:3/2;transform:scale(calc(1 + var(--story-progress,0)*.025));transform-origin:50%;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 20px 65px #0b30241a}.home-base{object-fit:cover;width:100%;height:100%;display:block}.laptop-lesson{width:32.3%;height:29%;opacity:var(--class-arrive,1);background:#fff;border-radius:2px;grid-template-rows:11% 89%;display:grid;position:absolute;top:31.6%;left:49.9%;overflow:hidden}.lesson-screen-label{color:#fff;letter-spacing:0;background:#113f30;padding:0 5px;font-size:clamp(4px,.6vw,7px)}.laptop-lesson>img{object-fit:cover;object-position:top;width:100%;height:100%}.passage-glow{height:12%;transform:scaleX(var(--guidance,0));transform-origin:100%;background:#5ac97a55;position:absolute;top:45%;left:5%;right:5%}.teacher-bubble,.practice-bubble{color:#16472f;max-width:235px;opacity:var(--guidance-bubble,0);transform:translateY(calc((1 - var(--guidance-bubble,0))*12px));pointer-events:none;background:#fff;border:1px solid #c6dfce;border-radius:12px;padding:14px;position:absolute;box-shadow:0 8px 28px #0c32232a}.teacher-bubble{top:24%;left:37%}.teacher-bubble:after{content:"";background:#fff;border-bottom:1px solid #c6dfce;border-right:1px solid #c6dfce;width:12px;height:12px;position:absolute;bottom:-7px;right:20px;transform:rotate(45deg)}.teacher-bubble strong,.practice-bubble strong{margin-top:6px;font-size:14px;display:block}.teacher-bubble small,.practice-bubble small{color:#5d7b67;font-size:8px}.practice-bubble{opacity:var(--practice-bubble,0);transform:translateY(calc((1 - var(--practice-bubble,0))*12px));bottom:8%;right:5%}.scene-note{opacity:.75;margin-top:18px;font-size:10px;display:block}.handoff-scene{text-align:center;grid-template-columns:1fr 70px 1fr;align-items:center;gap:16px;display:grid}.teacher-node strong,.teacher-node small{display:block}.teacher-node strong{margin:15px 0 6px;font-size:16px}.teacher-node small{color:#66806e;font-size:12px}.node-circle{background:#f2f8f3;border:1px solid #b9d5c1;border-radius:50%;place-items:center;width:72px;height:72px;margin:auto;font:25px Georgia,serif;display:grid}.handoff-line{background:#d7e6dc;height:1px;position:relative}.handoff-line i{left:calc(var(--reveal,1)*100%);background:#39845a;border-radius:50%;width:10px;height:10px;position:absolute;top:-5px}.travelling-record{color:#487659;border-top:1px solid #d5e4da;grid-column:1/-1;margin-top:35px;padding:20px 0;font-size:13px}.travelling-record>span{margin-right:8px}.story-practice{text-align:center;background:#f8fcf9;min-height:90vh}.story-practice .practice-lead{margin:0 auto}.practice-sequence{justify-content:center;align-items:center;gap:30px;margin-top:65px;display:flex}.practice-sequence>div{max-width:220px}.practice-sequence>div>span{color:#80ab90;font:30px Georgia,serif}.practice-sequence h3{font-size:17px}.practice-sequence>i{background:#c7dccf;width:50px;height:1px}.lesson-timeline{margin:0;padding:0 0 0 35px;list-style:none;position:relative}.lesson-timeline:before{content:"";background:#b6d2c0;width:1px;position:absolute;top:8px;bottom:25px;left:5px}.lesson-timeline li{padding-bottom:28px;position:relative}.timeline-dot{background:#edf7f0;border:2px solid #71a182;border-radius:50%;width:10px;height:10px;position:absolute;top:5px;left:-34px}.lesson-timeline small{letter-spacing:.1em;color:#688674;font-size:10px}.lesson-timeline h3{margin:8px 0 0;font-size:19px;font-weight:500}.story-begin{color:#f5fcf7;background:#103e32;padding:100px 0}.story-form{color:#16472f;background:#fff;border-radius:20px;max-width:430px;padding:28px}.story-form h3{margin:0 0 25px;font:29px Georgia,serif}.story-form>label{margin:18px 0;font-size:13px;font-weight:600;display:block}.story-form>label>input{border:1px solid #cadfd0;border-radius:8px;width:100%;min-width:0;margin-top:6px;padding:13px;font:16px system-ui;display:block}.story-form fieldset{border:0;gap:22px;margin:0;padding:0;font-size:14px;display:flex}.story-form legend{margin-bottom:10px;font-size:13px;font-weight:600}.story-form input{accent-color:#195b46}.story-form button{cursor:pointer;border:0;width:100%;padding:15px;font:600 15px system-ui}.story-form .form-note{color:#66806e;margin-bottom:0;font-size:11px}.story-form small{font-weight:400}.story-form :focus-visible{outline-offset:3px;outline:3px solid #70a882}.how-story.motion-ready [data-reveal]{opacity:calc(.25 + var(--item-reveal,0)*.75);transform:translateY(calc((1 - var(--item-reveal,0))*16px))}@media (width<=850px){.story-split{grid-template-columns:1fr;gap:38px}.story-wrap{padding:0 22px}.story-chapter{min-height:100svh;padding:70px 0}.story-welcome{min-height:70svh;padding:25px 0 50px}.journey-thread{gap:12px;font-size:11px}.journey-thread i{width:20px}.home-story{height:230svh}.home-story-sticky{min-height:calc(100svh - 78px);padding:25px 0;top:78px}.home-story-sticky>.story-wrap{grid-template-columns:1fr;gap:22px}.home-story-copy h2{margin:10px 0 14px;font-size:38px}.home-story-copy .eyebrow{font-size:10px}.home-story-copy>p:not(.eyebrow){margin:0;font-size:16px}.scene-narration{gap:14px;margin-top:18px;padding-top:10px;display:flex}.scene-narration p{flex:1;font-size:10px;line-height:1.4}.home-scene-layer{border-radius:13px}.teacher-bubble,.practice-bubble{border-radius:8px;max-width:170px;padding:10px}.teacher-bubble strong,.practice-bubble strong{font-size:11px}.teacher-bubble small,.practice-bubble small{font-size:6px}.teacher-bubble{top:18%;left:28%}.scene-note{margin-top:12px;font-size:9px}.practice-sequence{flex-direction:column;gap:12px;margin-top:40px}.practice-sequence>i{width:1px;height:30px}.story-begin{padding:70px 0}.story-form{width:100%;max-width:none}.handoff-scene{grid-template-columns:1fr 45px 1fr;gap:10px}.teacher-node strong{font-size:14px}.week-days{gap:3px}}@media (prefers-reduced-motion:reduce){.how-story *{transition:none!important;animation:none!important;transform:none!important}.how-story.motion-ready [data-reveal]{opacity:1}.home-story{color:#fff;background:#103e32;height:auto}.home-story-sticky{min-height:0;padding:70px 0;position:static}.home-story-copy .story-mark{background-image:linear-gradient(#37785c,#37785c)}.teacher-bubble,.practice-bubble{opacity:1}.passage-glow{transform:scaleX(1)!important}.scene-narration p:not(.current),.laptop-lesson{opacity:1}}.practice-story{--practice-progress:0;--passage-enter:0;--book-enter:0;background:#eaf5ed;height:330svh;scroll-margin-top:94px}.practice-sticky{grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px;min-height:calc(100svh - 94px);padding-top:40px;padding-bottom:40px;display:grid;position:sticky;top:94px}.practice-copy h2{font-size:clamp(38px,4vw,54px)}.practice-captions{min-height:175px;display:grid}.practice-captions>div{opacity:0;visibility:hidden;grid-area:1/1;transition:opacity .3s,transform .3s;transform:translateY(12px)}.practice-captions h3{margin:15px 0 12px;font-size:21px}.practice-captions p{color:#526e62;margin:0;font-size:17px}.practice-mark{background:linear-gradient(#bfe3cb,#bfe3cb) left 88%/calc(var(--reveal,1)*100%) 32% no-repeat}.practice-track{color:#768b7c;gap:18px;margin-top:30px;padding:0;font-size:11px;list-style:none;display:flex}.practice-track li{border-top:2px solid #c6dccc;flex:1;padding-top:12px}.practice-visual{min-width:0;display:grid;position:relative}.practice-frame{aspect-ratio:1.05;opacity:0;visibility:hidden;border-radius:24px;grid-area:1/1;transition:opacity .35s,transform .35s;position:relative;overflow:hidden;transform:translateY(12px);box-shadow:0 25px 60px #193f2912}.practice-story[data-phase="0"] [data-practice-scene="0"],.practice-story[data-phase="1"] [data-practice-scene="1"],.practice-story[data-phase="2"] [data-practice-scene="2"],.practice-story[data-phase="0"] [data-practice-copy="0"],.practice-story[data-phase="1"] [data-practice-copy="1"],.practice-story[data-phase="2"] [data-practice-copy="2"]{opacity:1;visibility:visible;transform:none}.practice-story[data-phase="0"] .practice-track li:first-child,.practice-story[data-phase="1"] .practice-track li:nth-child(2),.practice-story[data-phase="2"] .practice-track li:nth-child(3){color:#16472f;border-color:#327b53;font-weight:600}.assignment-frame{background:#fff;place-items:center;display:grid}.app-wordmark{margin-bottom:28px;font-size:17px;font-weight:700;display:block}.assignment-app>small{letter-spacing:.12em;color:#658471;font-size:9px}.assignment-app h3{margin:12px 0;font:32px Georgia,serif}.assignment-app>p{color:#6b8274;margin:0 0 22px;font-size:13px}.assignment-row{border-bottom:1px solid #e3eee6;padding:16px 14px}.assignment-row>span:first-child{color:#6b8274;margin-bottom:5px;font-size:12px;display:block}.assignment-row strong{font-size:15px;font-weight:600}.chosen-passage{transform:translateX(calc(var(--practice-progress)*-8px));background:linear-gradient(90deg,#e1f3e7,#f4faf6);border-radius:12px;margin-top:6px}.open-hint{color:#327b53;margin-top:10px;font-size:11px;display:block}.assignment-guidance{color:#6a8072;margin-top:20px;font-size:10px}.assignment-guidance strong{color:#315b42;font-size:12px;font-weight:500;line-height:1.8}.practice-home-photo{object-fit:cover;width:100%;height:100%}.tablet-page{width:38%;height:68%;transform:translateY(calc((1 - var(--passage-enter))*8px));opacity:var(--passage-enter);background:#fff;border-radius:7px;flex-direction:column;display:flex;position:absolute;top:16%;left:31%;overflow:hidden}.tablet-page>div{color:#315b42;border-bottom:1px solid #e7eee9;padding:8px 10px;font-size:9px}.tablet-page>div>span{float:right;font-size:8px}.tablet-page>img{object-fit:contain;width:100%;height:calc(100% - 30px);padding:6px}.passage-arrival{text-align:center;color:#174b32;opacity:var(--passage-enter);background:#fffefb;border-radius:40px;padding:13px;font-size:13px;position:absolute;bottom:6%;left:8%;right:8%;box-shadow:0 5px 20px #153e301a}.book-frame{background:radial-gradient(at 50% 70%,#cbe4d2,#f4faf5 70%);padding:30px}.book-assignment{text-align:center}.book-assignment small{letter-spacing:.14em;color:#658471;font-size:9px}.book-assignment strong{margin-top:10px;font-size:18px;display:block}.book-assignment>span{color:#64816f;margin-top:8px;font-size:12px;display:block}.open-mushaf{filter:drop-shadow(0 16px 12px #23422b30);width:94%;transform:perspective(900px) rotateX(18deg) scale(calc(.96 + var(--book-enter)*.04));direction:ltr;margin:30px auto 0;display:flex}.book-leaf{background:#fff;border:5px solid #174b32;border-radius:10px 3px 3px 10px;width:50%;padding:7px;box-shadow:inset -8px 0 10px #d2d2cb}.book-leaf+.book-leaf{border-radius:3px 10px 10px 3px;box-shadow:inset 8px 0 10px #d2d2cb}.book-leaf img{width:100%;height:auto;display:block}.book-message{text-align:center;color:#64816f;opacity:var(--book-enter);margin-top:18px;font-size:12px}.book-message strong{color:#16472f;font:24px/1.5 Georgia,serif}.practice-disclaimer{color:#64816f;text-align:center;grid-column:1;margin-top:16px;font-size:10px}@media (width<=850px){.practice-sticky{grid-template-columns:1fr;gap:20px;min-height:calc(100svh - 78px);padding-top:20px;padding-bottom:20px;top:78px}.practice-copy h2{margin:10px 0;font-size:35px}.practice-copy .eyebrow{margin:0;font-size:10px}.practice-captions{min-height:124px}.practice-captions h3{margin:6px 0;font-size:18px}.practice-captions p{font-size:15px;line-height:1.5}.practice-track{gap:12px;margin:8px 0 0;font-size:9px}.practice-frame{aspect-ratio:1.15;border-radius:16px;max-height:44svh}.assignment-app{padding:12px 0}.app-wordmark{margin-bottom:14px;font-size:14px}.assignment-app h3{margin:7px 0;font-size:23px}.assignment-app>p{margin-bottom:8px;font-size:11px}.assignment-row{padding:9px 10px}.assignment-row strong{font-size:13px}.assignment-row>span:first-child{font-size:10px}.open-hint{margin-top:5px;font-size:9px}.assignment-guidance{margin-top:9px;font-size:9px}.assignment-guidance strong{font-size:10px}.book-frame{padding:16px}.book-assignment strong{margin-top:5px;font-size:15px}.book-assignment>span{margin-top:5px;font-size:10px}.open-mushaf{width:70%;margin-top:12px}.book-leaf{border-width:3px;padding:3px}.book-message{margin-top:8px;font-size:10px}.book-message strong{font-size:18px}.practice-disclaimer{margin-top:9px;font-size:8px}.passage-arrival{padding:9px;font-size:10px}.tablet-page>div{padding:5px;font-size:7px}.tablet-page>div>span{font-size:6px}}@media (prefers-reduced-motion:reduce){.practice-story{height:auto}.practice-sticky{padding-top:70px;padding-bottom:70px;display:block;position:static}.practice-captions{display:block}.practice-captions>div,.practice-frame{opacity:1!important;visibility:visible!important;transform:none!important}.practice-captions>div{margin-bottom:25px}.practice-track{display:none}.practice-visual{margin-top:30px;display:block}.practice-frame{max-height:none;margin-bottom:24px}.tablet-page,.passage-arrival,.book-message{opacity:1}.open-mushaf{transform:none}}.tablet-page{opacity:1;width:48%;height:69%;top:10.6%;left:26%;transform:none}.tablet-page>img{height:calc(100% - 28px)}.laptop-lesson>img{object-fit:contain}@media (width<=850px){.tablet-page{width:44%;height:69%;top:10.6%;left:28%}.tablet-page>img{height:calc(100% - 20px)}}.practice-story{background:#eaf5ed;height:auto;padding:80px 0 64px}.practice-intro{max-width:1168px;margin-bottom:54px}.practice-intro>p:not(.eyebrow){color:#526e62;max-width:620px;font-size:19px}.practice-steps{gap:96px;display:grid}.practice-step{--reveal:0;grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px;display:grid}.practice-step-copy h3{letter-spacing:-.025em;margin:16px 0;font:36px/1.15 Georgia,serif}.practice-step-copy p{color:#526e62;font-size:18px}.practice-number{letter-spacing:.12em;color:#4b8060;font-size:13px}.practice-step .practice-frame{opacity:1;visibility:visible;transform:translateY(calc((1 - var(--reveal,1))*10px));aspect-ratio:3/2;grid-area:auto;min-height:0;max-height:none;transition:none}.assignment-app{width:auto;padding:32px}.assignment-app .app-wordmark{margin-bottom:20px}.assignment-app h3{font-size:30px}.assignment-app>p{margin-bottom:12px}.assignment-row{padding:14px 12px}.chosen-passage{background:linear-gradient(90deg,#e1f3e7,#f4faf6);background-size:calc(var(--reveal)*100%) 100%;background-repeat:no-repeat;transform:none}.practice-step .tablet-page{opacity:1;border-radius:4px;width:33.4%;height:69%;top:10.6%;left:33.4%;transform:none}.tablet-page>div{padding:5px 6px;font-size:8px}.tablet-page>div>span{font-size:7px}.tablet-page>img{height:calc(100% - 23px);padding:3px}.own-book-frame{background:#fff}.own-book-note{opacity:calc(.4 + var(--reveal)*.6);transform:translateY(calc((1 - var(--reveal))*8px));background:#fffffff0;border:1px solid #d6e7dc;border-radius:12px;padding:12px 18px;position:absolute;bottom:7%;left:5%}.own-book-note span{letter-spacing:.1em;font-size:8px;display:block}.own-book-note strong{font-size:13px}.practice-disclaimer{margin-top:30px}.practice-intro .story-mark{background-size:calc(var(--reveal,0)*100%) 30%}@media (width<=850px){.practice-story{padding:56px 0 45px}.practice-intro{margin-bottom:38px}.practice-intro h2{font-size:38px}.practice-intro>p:not(.eyebrow){font-size:16px}.practice-steps{gap:58px}.practice-step{grid-template-columns:1fr;gap:18px}.practice-step-copy h3{margin:10px 0 12px;font-size:28px}.practice-step-copy p{margin:0;font-size:16px}.practice-step .practice-frame{aspect-ratio:3/2;max-height:none}.practice-step .assignment-frame{aspect-ratio:auto}.assignment-app{width:100%;padding:24px}.assignment-app .app-wordmark{margin-bottom:18px}.assignment-app h3{font-size:27px}.assignment-row strong{font-size:14px}.assignment-row>span:first-child{font-size:11px}.practice-step .tablet-page{width:33.4%;height:69%;top:10.6%;left:33.4%}.tablet-page>div{padding:3px;font-size:6px}.tablet-page>div>span{font-size:5px}.tablet-page>img{height:calc(100% - 16px)}.own-book-note{padding:9px 12px}.own-book-note strong,.practice-number{font-size:11px}}@media (prefers-reduced-motion:reduce){.practice-step{--reveal:1}.practice-step .practice-frame{transform:none!important}.own-book-note{opacity:1;transform:none}}.practice-home-photo{display:block}html:has(.how-story){scroll-padding-top:96px}@media (width<=850px){html:has(.how-story){scroll-padding-top:80px}.assignment-app{padding:20px 24px}.assignment-app .app-wordmark{margin-bottom:14px}.assignment-app h3{margin:8px 0;font-size:26px}.assignment-app>p{margin-bottom:8px;font-size:12px}.assignment-row{padding:11px 10px}.assignment-guidance{margin-top:14px}}.practice-scroll{--stage-height:calc(100svh - 110px);height:240svh;position:relative}.practice-steps{top:calc(var(--header-height,90px) + 12px);height:var(--stage-height);align-items:center;gap:0;display:grid;position:sticky}.practice-step{opacity:var(--step-opacity,0);visibility:hidden;pointer-events:none;transform:translateY(calc((1 - var(--step-opacity,0))*12px));grid-area:1/1;transition:none}.practice-step.is-active{visibility:visible}.practice-step .practice-frame{height:min(600px,calc(var(--stage-height) - 24px));aspect-ratio:auto;transform:none}.practice-step .assignment-frame{overflow:hidden}.practice-step .practice-home-photo{object-fit:cover}.own-book-frame .practice-home-photo{object-fit:contain;background:#fff}.progress-examples{gap:42px;display:grid}.story-progress>.story-split{align-items:start}.story-progress .story-copy{position:sticky;top:130px}.progress-example-copy>small{letter-spacing:.12em;color:#517761;font-size:10px}.progress-example-copy h3{margin:10px 0;font-size:22px}.progress-example-copy p{color:#526e62;margin:0 0 18px;font-size:16px}.progress-mockup{opacity:calc(.5 + var(--example-progress,0)*.5);transform:translateY(calc((1 - var(--example-progress,0))*18px)) scale(calc(.97 + var(--example-progress,0)*.03));transform-origin:top;background:#fff;border:1px solid #d5e7dc;border-radius:20px;padding:25px}.mockup-top{justify-content:space-between;gap:12px;font-size:15px;font-weight:700;display:flex}.mockup-top>span{color:#688074;font-size:9px;font-weight:400}.progress-mockup h4{margin:22px 0;font:25px Georgia,serif}.attendance-entry{border-bottom:1px solid #e4eee8;justify-content:space-between;gap:14px;padding:15px 0;font-size:14px;display:flex}.attendance-entry small{color:#60776a;font-size:11px}.attendance-entry strong{color:#237049;font-size:12px}.mockup-foot{color:#66806f;margin-bottom:0;font-size:11px!important}.feedback-note{background:#edf7f0;border-radius:12px;padding:18px}.feedback-note>small{color:#537462;font-size:11px}.feedback-note>p{font-size:17px}.feedback-saved{color:#36714c;margin-top:18px;font-size:12px}.practice-task{border-bottom:1px solid #e4eee8;gap:15px;padding:15px 0;display:flex}.practice-task>span{color:#668b75;font-size:12px}.practice-task strong{font-size:14px}.practice-task small{color:#66806f;font-size:11px;display:block}.lesson-summary{font-size:13px}.lesson-summary>div{border-bottom:1px solid #e4eee8;justify-content:space-between;gap:15px;padding:12px 0;display:flex}.lesson-summary dt{color:#65806e}.lesson-summary dd{margin:0;font-weight:600}@media (width<=850px){.practice-scroll{--stage-height:calc(100svh - 96px);height:240svh}.practice-steps{top:calc(var(--header-height,75px) + 8px);padding-top:0;padding-bottom:0}.practice-step{height:var(--stage-height);grid-template-rows:auto 1fr;align-items:start;gap:12px}.practice-step-copy h3{margin:5px 0;font-size:23px}.practice-step-copy p{margin:0;font-size:13px;line-height:1.5}.practice-number{font-size:10px}.practice-step .practice-frame{aspect-ratio:auto;width:100%;height:100%;min-height:0}.practice-step .assignment-app{align-self:center;padding:16px 22px}.assignment-app .app-wordmark{margin-bottom:10px;font-size:15px}.assignment-app h3{margin:8px 0;font-size:23px}.assignment-app>small{font-size:8px}.assignment-app>p{margin:0 0 6px;font-size:11px}.assignment-row{padding:9px}.assignment-row>span:first-child{margin-bottom:3px;font-size:10px}.assignment-row strong{font-size:13px}.assignment-guidance{margin-top:10px;font-size:9px}.assignment-guidance strong{font-size:11px}.device-frame .practice-home-photo{object-fit:contain;background:#f4f8f4}.practice-step .tablet-page{aspect-ratio:514/705;width:33.4%;height:auto;top:50%;left:33.4%;transform:translateY(-50%)}.practice-step .tablet-page>img{height:calc(100% - 16px)}.story-progress .story-copy{position:static}.progress-examples{gap:46px}.progress-mockup{padding:22px}.progress-example-copy h3{font-size:23px}}@media (height<=560px) and (width<=850px){.practice-scroll{height:auto}.practice-steps{gap:50px;height:auto;display:grid;position:static}.practice-step{visibility:visible;opacity:1;grid-area:auto;height:auto;transform:none}.practice-step .practice-frame{aspect-ratio:3/2;height:auto}.practice-step .assignment-frame{aspect-ratio:auto}}@media (prefers-reduced-motion:reduce){.practice-scroll{height:auto}.practice-steps{gap:50px;height:auto;display:grid;position:static}.practice-step{visibility:visible;opacity:1;grid-area:auto;height:auto;transform:none}.practice-step .practice-frame{aspect-ratio:3/2;height:auto}.practice-step .assignment-frame{aspect-ratio:auto}.progress-mockup{opacity:1;transform:none}}@media (width<=850px){.practice-step .assignment-app{padding:12px 20px;line-height:1.35}.practice-step .assignment-app .app-wordmark{margin-bottom:8px;line-height:1.3}.practice-step .assignment-app h3{margin:8px 0;font-size:22px;line-height:1.15}.practice-step .assignment-app>p{line-height:1.4}.practice-step .assignment-row{padding:9px 8px;line-height:1.45}.practice-step .assignment-row>span:first-child{line-height:1.35}.practice-step .assignment-guidance{margin-top:10px;line-height:1.4}.practice-step .assignment-guidance strong{line-height:1.5}}.practice-step .own-book-frame .practice-home-photo{object-fit:cover;object-position:62% 58%;background:#e6f1e9}.story-chapter{min-height:0;padding:76px 0}.story-welcome{min-height:0}.story-begin{background:linear-gradient(#e4f1e8 0%,#327259 14%,#103e32 34% 100%);padding-top:130px}@media (width<=850px){.story-chapter{min-height:0;padding:54px 0}.practice-intro{margin-bottom:28px}.practice-story{padding-top:48px}.practice-step .own-book-frame{align-self:start;height:min(100%,100vw - 44px)}.own-book-note{bottom:5%;left:5%}.story-begin{padding-top:100px}.progress-examples{gap:34px}}.story-begin{background:var(--closing-bg,#103e32);color:var(--closing-ink,#f5fcf7);padding-top:76px}.story-begin .story-copy p{color:inherit}.story-begin .story-mark{background-image:linear-gradient(var(--closing-mark,#37785c),var(--closing-mark,#37785c))}.own-book-scene{display:block}@media (width<=850px){.story-begin{padding-top:54px}}.practice-step .own-book-frame{aspect-ratio:3/2;align-self:center;height:auto}.own-book-scene{background:#e6f1e9}@media (width<=850px){.practice-step .own-book-frame{aspect-ratio:3/2;align-self:start;height:auto}}@media (width<=850px){.practice-scroll{height:var(--scroll-distance,170svh)}.practice-story{padding-bottom:24px}.practice-disclaimer{margin-top:12px}}@media (prefers-reduced-motion:reduce){.practice-scroll{height:auto}}@media (height<=560px) and (width<=850px){.practice-scroll{height:auto}}.practice-final{margin-top:24px}.practice-final .practice-step{opacity:1;visibility:visible;--reveal:inherit;grid-area:auto;height:auto;transform:none}.practice-final .practice-frame{aspect-ratio:3/2;height:auto}.practice-final .practice-step-copy{align-self:center}.practice-final .own-book-note{opacity:1;transform:none}@media (width<=850px){.practice-final{margin-top:16px}.practice-final .practice-step{grid-template-rows:auto auto;gap:12px}.practice-story{padding-bottom:16px}.practice-disclaimer{margin-top:12px}}.practice-scroll{height:auto}.practice-steps{align-items:start;gap:48px;height:auto;padding-top:0;padding-bottom:0;display:grid;position:static}.practice-step{opacity:1;visibility:visible;pointer-events:auto;grid-area:auto;grid-template-rows:auto;height:auto;transform:none}.practice-step .practice-frame{aspect-ratio:3/2;height:auto;max-height:none;transform:translateY(calc((1 - var(--reveal,1))*8px))}.practice-step .assignment-frame{aspect-ratio:auto;overflow:visible}.practice-step .practice-home-photo{height:100%}.practice-step .tablet-page{aspect-ratio:auto;height:69%;top:10.6%;transform:none}@media (width<=850px){.practice-scroll{height:auto}.practice-steps{gap:36px}.practice-step{grid-template-rows:auto auto;gap:12px;height:auto}.practice-step .practice-frame{aspect-ratio:3/2;height:auto}.practice-step .assignment-frame{aspect-ratio:auto}.practice-step .assignment-app{padding:20px}.practice-step .tablet-page{aspect-ratio:auto;height:69%;top:10.6%;transform:none}}@media (prefers-reduced-motion:reduce){.practice-step .practice-frame{transform:none}}.practice-steps{isolation:isolate;display:block}.practice-step{top:calc(var(--header-height,78px) + 10px);height:var(--stack-height,480px);background:#eaf5ed;align-items:start;margin-bottom:24px;padding:14px 0 20px;position:sticky;box-shadow:0 -12px 20px #eaf5ed}.practice-step:first-child{z-index:1}.practice-step:nth-child(2){z-index:2}.practice-step:nth-child(3){z-index:3;margin-bottom:0}.practice-step .practice-frame{transform:none}.practice-step-copy{align-self:center}.practice-steps .practice-step:last-child{box-shadow:0 -12px 20px #eaf5ed}@media (width<=850px){.practice-step{grid-template-rows:auto auto;align-content:start;gap:12px;padding-top:10px;padding-bottom:12px}.practice-step-copy{align-self:start}}@media (prefers-reduced-motion:reduce){.practice-step{height:auto;position:static}}@media (height<=560px) and (width<=850px){.practice-step{height:auto;position:static}}@media (width>=851px){.story-progress .progress-examples{grid-area:1/1}.story-progress .story-copy{grid-area:1/2}}