@font-face{font-family:KG Thinking Out Loud;src:url(./KGThinkingOutLoud-BR3LkWyQ.ttf)format("truetype");font-display:swap}:root{--ink:#393a3b;--ink-soft:#5d6062;--paper:#fffefb;--turquoise:#16d4d1;--turquoise-dark:#087c7b;--turquoise-soft:#dffafa;--rule:#4793c438;--margin-rule:#e3546261;--shadow:#29313333}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 15% 15%,#16d4d133,#0000 22rem),#2f3335;margin:0;font-family:Lato,Arial,sans-serif;font-size:1rem;line-height:1.55}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:4px solid #16d4d16b}.skip-link{z-index:20;color:#fff;background:var(--ink);padding:.75rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.notebook{background-color:var(--paper);background-image:linear-gradient(90deg, transparent 0, transparent 72px, var(--margin-rule) 73px, transparent 74px), repeating-linear-gradient(180deg, transparent 0, transparent 31px, var(--rule) 32px, transparent 33px);width:min(1100px,100% - 2rem);box-shadow:0 24px 70px var(--shadow), 0 4px 0 #ffffff59 inset;border-radius:4px 12px 9px 4px;margin:clamp(1rem,4vw,3.5rem) auto;padding:clamp(2.25rem,5vw,5rem) clamp(1.25rem,5vw,5rem) 2rem clamp(3.4rem,8vw,7.5rem);position:relative;overflow:hidden}.notebook:before{content:"";clip-path:polygon(2% 8%,99% 0,97% 90%,0 100%);background:#16d4d1ad;width:min(15rem,42vw);height:2.4rem;position:absolute;top:-.4rem;left:50%;transform:translate(-50%)rotate(-1.5deg);box-shadow:0 2px 5px #0000001f}.punches{pointer-events:none;flex-direction:column;justify-content:space-between;width:2rem;display:flex;position:absolute;inset:4rem auto 4rem 1rem}.punches span{aspect-ratio:1;background:#2f3335;border-radius:50%;width:1.35rem;box-shadow:inset 1px 2px 4px #101214,1px 1px #fff}.page-header{border-bottom:3px solid var(--ink);padding:0 0 2.4rem}.eyebrow,.arrow-directions,.interaction-hint,footer{color:var(--ink-soft)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;margin:0 0 .35rem;font-size:.85rem;font-weight:900}h1,h2,.conversion-group h3,.problem{font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-weight:400}h1{letter-spacing:-.025em;max-width:820px;margin:0;font-size:clamp(2.8rem,7vw,5.7rem);line-height:.94}h1 span{z-index:0;white-space:nowrap;display:inline-block;position:relative}h1 span:after{content:"";z-index:-1;background:var(--turquoise);position:absolute;inset:52% -.1em .04em;transform:rotate(-1.1deg)}.date-line{justify-content:flex-end;gap:.6rem;margin:1.6rem 0 0;font-weight:700;display:flex}.date-line span{border-bottom:2px solid var(--ink);width:clamp(4rem,12vw,8rem)}.lesson-section{border-bottom:2px dashed #393a3b6b;grid-template-columns:4.3rem 1fr;gap:1.25rem;padding:clamp(3.2rem,7vw,5.7rem) 0;display:grid;position:relative}.section-number{color:var(--turquoise-dark);align-self:start;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:2.35rem;line-height:1;transform:rotate(-6deg)}h2{margin:0 0 .8rem;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1;display:inline-block;position:relative}h2:after{content:"";background:var(--turquoise);opacity:.72;z-index:-1;height:.27em;position:absolute;bottom:-.18em;left:-.05em;right:-.15em;transform:rotate(-1.2deg)}.lead{max-width:54rem;margin:0;font-size:clamp(1.1rem,2vw,1.35rem)}.arrow-directions{margin:.55rem 0 1.8rem;font-style:italic}.conversion-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.25rem,6vw,5rem);display:grid}.conversion-group h3{margin:0 0 1rem;font-size:1.5rem}.conversion-list{gap:.8rem;display:grid}.conversion-row{grid-template-columns:minmax(7rem,1fr) 3.25rem minmax(7rem,1fr);align-items:center;min-height:3.2rem;font-size:clamp(1.05rem,2vw,1.28rem);font-weight:700;display:grid}.reveal-arrow{border:2px solid var(--ink);width:2.7rem;height:2.7rem;color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--turquoise);background:0 0;border-radius:50%;place-items:center;transition:transform .16s,background .16s,color .16s;display:grid}.reveal-arrow:hover{transform:translate(3px)}.conversion-row.revealed .reveal-arrow{color:#fff;background:var(--ink);transform:rotate(7deg)}.conversion-answer{opacity:0;min-width:0;transition:opacity .2s,transform .22s;transform:translate(-.55rem)rotate(-2deg)}.conversion-answer:after{content:"";background:var(--turquoise);opacity:.58;width:0;height:.34rem;margin-top:-.3rem;transition:width .32s 90ms;display:block}.conversion-row.revealed .conversion-answer{opacity:1;transform:translate(0)rotate(-1deg)}.conversion-row.revealed .conversion-answer:after{width:100%}.problem{margin:.35rem 0 1.4rem;font-size:clamp(1.55rem,3vw,2.25rem)}.problem strong{font-weight:inherit;background:linear-gradient(#0000 62%,#16d4d199 62% 90%,#0000 90%)}.step-strip{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1.6rem 0 1rem;display:flex}.step-button,.summary-button,#reset-notes{border:2px solid var(--ink);color:var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--turquoise);cursor:pointer;font-weight:900;transition:transform .15s,box-shadow .15s,background .15s}.step-button:hover:not(:disabled),.summary-button:hover,#reset-notes:hover{box-shadow:2px 2px 0 var(--turquoise);transform:translate(2px,2px)rotate(-1deg)}.step-button:disabled{cursor:not-allowed;opacity:.33;box-shadow:2px 2px #393a3b38}.start-step,.finish-step{border-radius:3px 8px 4px 6px;min-height:3rem;padding:.55rem 1rem}.number-step{border-radius:50%;width:3rem;height:3rem;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:1.45rem}.step-button.complete{color:#fff;background:var(--ink);box-shadow:4px 4px 0 var(--turquoise)}.coach-note{grid-template-columns:3rem minmax(0,1fr);align-items:center;max-width:47rem;margin:1.3rem 0 1.8rem;padding-left:.3rem;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:1.24rem;display:grid}.coach-note[hidden]{display:none}.coach-note p{margin:0}.coach-arrow{color:var(--turquoise-dark);font-size:3rem;line-height:1;transform:rotate(8deg)}.work-area{padding:clamp(1.15rem,3vw,2.1rem) 0}.token-bank{border-top:2px dashed #393a3b61;border-bottom:2px dashed #393a3b61;flex-wrap:wrap;align-items:center;gap:.75rem;min-height:4.2rem;margin-bottom:1.8rem;padding:.7rem 0;display:flex}.token-bank p{color:var(--ink-soft);margin:0;font-style:italic}.drag-token{border:2px solid var(--ink);min-width:3.7rem;min-height:2.75rem;color:var(--ink);background:var(--turquoise-soft);cursor:grab;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:4px 7px 3px 8px;padding:.4rem .8rem;font-weight:900;box-shadow:3px 3px #393a3be6}.drag-token:active{cursor:grabbing}.drag-token.selected{color:#fff;background:var(--ink);outline:4px solid #16d4d161}.equation{grid-template-columns:max-content auto minmax(13rem,max-content) auto minmax(8rem,1fr);align-items:center;gap:clamp(.45rem,1.8vw,1.2rem);min-height:10rem;padding:1rem 0;font-size:clamp(1.15rem,2.2vw,1.6rem);display:grid}.given-slots,.fraction-row{grid-template-columns:repeat(2,minmax(4rem,max-content));gap:.45rem;display:grid}.fraction{min-width:13rem}.fraction-row{justify-content:center;min-height:3.5rem}.fraction-line{background:var(--ink);height:3px;margin:.28rem 0;transform:rotate(-.5deg)}.drop-slot{min-width:4.6rem;min-height:3.25rem;color:var(--ink);cursor:pointer;background:#ffffffa8;border:2px dashed #393a3b85;border-radius:5px;padding:.35rem .6rem;font-weight:900}.drop-slot:before{content:"drop";color:#393a3b5c;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:700}.drop-slot.drag-over,.drop-slot:focus-visible{background:var(--turquoise-soft);border-style:solid}.drop-slot.filled{border-color:var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--turquoise);cursor:default;border-style:solid;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:1.4rem}.drop-slot.filled:before{content:""}.drop-slot.wrong{border-color:#c64853;animation:.26s shake}.operator{font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:2.1rem}.answer-space{min-width:8rem;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:clamp(1.5rem,3vw,2rem);font-weight:400}.answer-line{border-bottom:3px solid var(--ink);height:2.6rem;display:block}.answer-space.solved{color:var(--ink);display:inline-block;position:relative;transform:rotate(-1deg)}.answer-space.solved:after{content:"";z-index:-1;background:var(--turquoise);position:absolute;inset:55% -.2rem 0}.interaction-hint,.practice-feedback{margin:.55rem 0 0}.practice-feedback{min-height:1.6rem;font-weight:700}.summary-section{border-bottom:0}.summary-line{grid-template-columns:8.5rem minmax(0,1fr);align-items:center;gap:1.4rem;margin:1.5rem 0;display:grid}.summary-button{border-radius:4px 8px 5px 7px;min-height:3.25rem}.summary-button span{font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:1.45rem}.summary-line p{margin:0;font-size:1.08rem}.summary-line p:not([hidden]){animation:.28s both pencil-in}.pinned-reminder{border:2px solid var(--ink);max-width:52rem;box-shadow:5px 5px 0 var(--turquoise);background:#16d4d126;margin:2.4rem 0 0;padding:1.1rem 1.2rem;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:1.2rem;transform:rotate(-.55deg)}.pinned-reminder span{color:var(--turquoise-dark);margin-right:.45rem}footer{justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;font-size:.82rem;display:flex}footer p{margin:0}#reset-notes{padding:.45rem .7rem;font-size:.86rem}@keyframes shake{0%,to{transform:translate(0)}35%{transform:translate(-5px)rotate(-1deg)}70%{transform:translate(5px)rotate(1deg)}}@keyframes pencil-in{0%{opacity:0;transform:translate(-.45rem)rotate(-1deg)}to{opacity:1;transform:translate(0)rotate(0)}}@media (width<=760px){.notebook{background-image:linear-gradient(90deg, transparent 0, transparent 43px, var(--margin-rule) 44px, transparent 45px), repeating-linear-gradient(180deg, transparent 0, transparent 31px, var(--rule) 32px, transparent 33px);width:calc(100% - .7rem);margin:.35rem auto;padding:3.8rem 1rem 1.5rem 3.1rem}.punches{left:.55rem}.lesson-section{grid-template-columns:1fr;gap:.45rem;padding:3.4rem 0}.section-number{font-size:1.55rem}.conversion-columns{grid-template-columns:1fr}.equation{grid-template-columns:max-content auto minmax(10.5rem,max-content);justify-content:start;padding-bottom:1.5rem;overflow-x:auto}.equation>.operator:nth-of-type(2),.answer-space{grid-row:2;margin-top:1rem}.equation>.operator:nth-of-type(2){grid-column:2}.answer-space{grid-column:3}.summary-line{grid-template-columns:1fr;gap:.8rem}.summary-button{width:8.5rem}footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--paper:#fff}body{background:#fff}.notebook{box-shadow:none;background:#fff;border-radius:0}.notebook:before,.punches{display:none}@media (width<=760px){.notebook{width:100%;margin:0 auto;padding-left:1rem}}.section-copy{min-width:0}.section-copy h3{margin:1.8rem 0 .6rem;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:clamp(1.55rem,3vw,2.15rem);font-weight:400}.hand-button,.label-piece,.label-target{border:2px solid var(--ink);color:var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--turquoise);cursor:pointer;font-weight:900;transition:transform .15s,box-shadow .15s,background .15s}.hand-button:hover,.label-piece:hover,.label-target:hover:not(:disabled){box-shadow:2px 2px 0 var(--turquoise);transform:translate(2px,2px)rotate(-1deg)}.hand-button{border-radius:3px 8px 4px 6px;min-height:3rem;padding:.55rem 1rem}.hand-button span{margin-left:.35rem;font-size:1.3em}.feedback{min-height:1.5rem;color:var(--turquoise-dark);margin:.7rem 0 0;font-weight:700}.point-comparison{text-align:center;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1.6rem;margin-top:2rem;display:grid}.point-comparison .hand-button{max-width:12rem}.point-comparison p{margin:.2rem 0}.comparison-number{letter-spacing:-.04em;white-space:nowrap;font-size:clamp(2rem,5vw,3.4rem);font-weight:400;line-height:1.2}.comparison-number sup{font-size:.55em}.shortcut[hidden],.notation-answer[hidden]{display:none}.shortcut{animation:.24s ease-out appear}.shortcut .comparison-number{background:linear-gradient(#0000 68%,#16d4d199 68% 91%,#0000 91%)}.label-bank{flex-wrap:wrap;gap:1rem;margin:1.4rem 0;display:flex}.label-piece{touch-action:none;width:8.5rem;min-width:8.5rem;height:4rem;min-height:4rem;padding:0 0 .35rem}.label-piece,#reset-notes{color:var(--ink);box-shadow:none;background-color:#fff;background-image:url(./start-button-BVNEoHc_.png);background-position:50%;background-repeat:no-repeat;background-size:120%;border:0;border-radius:0;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:1.05rem;font-weight:400;line-height:1;transform:rotate(-.5deg)}#reset-notes{width:9rem;min-width:9rem;height:4.15rem;min-height:4.15rem;padding:0 0 .4rem}.label-piece:hover,#reset-notes:hover{box-shadow:none}.label-piece.selected{filter:drop-shadow(0 0 5px var(--turquoise));background-color:#fff;outline:0;transform:rotate(-2deg)}.label-piece.placed{opacity:.4;cursor:default}.anatomy-equation{align-items:baseline;gap:.22rem;width:fit-content;margin:8rem auto 1rem;font-size:clamp(3.3rem,8vw,5.8rem);line-height:1;display:flex}.coefficient-group,.exponent-group{white-space:nowrap;display:inline-block;position:relative}.anatomy-equation .multiply,.anatomy-equation .ten{line-height:1}.anatomy-equation .exponent-group{font-size:.55em;position:relative;top:-.54em}.anatomy-callout{flex-direction:column;align-items:center;width:max-content;display:flex;position:absolute;bottom:calc(100% - .3rem);left:50%;transform:translate(-50%)}.exponent-group .anatomy-callout{bottom:calc(100% + .4rem);left:95%}.label-target{min-width:7.5rem;min-height:2.45rem;box-shadow:3px 3px 0 var(--turquoise);border-style:dashed;border-radius:5px;padding:.25rem .5rem;font-size:.85rem}.label-target.filled{color:var(--ink);background:#fff;border-style:solid}.label-piece.incorrect,.label-target.incorrect{color:#8b1e27;background:#ffe1e3;border-color:#bf2f39;box-shadow:4px 4px #bf2f39}.anatomy-arrow{width:2.7rem;height:2.7rem;color:var(--ink);display:block;overflow:visible}.anatomy-arrow path{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.coefficient-arrow{transform:translate(.2rem)}.exponent-arrow{transform:translate(-.2rem)}.rule-slot{vertical-align:middle;border:0;border-bottom:3px solid var(--ink);min-width:5.2rem;min-height:2.6rem;color:var(--ink);cursor:pointer;background:#fff;border-radius:0;justify-content:center;align-items:center;margin:0 .25rem;padding:0 .35rem;font:700 1.2rem Lato,sans-serif;display:inline-flex}.rule-slot.wide{min-width:7.2rem}.rule-slot.filled{border-bottom-color:var(--turquoise-dark);cursor:default}.rule-slot.incorrect{background:#ffe1e3;border-bottom-color:#bf2f39}.rule-bank{flex-wrap:wrap;gap:1rem;margin:1rem 0 1.6rem;display:flex}.rule-token{border:2px solid var(--ink);min-width:6rem;min-height:3rem;box-shadow:4px 4px 0 var(--turquoise);color:var(--ink);cursor:grab;touch-action:manipulation;background:#fff;border-radius:4px 8px 5px 7px;padding:.45rem 1rem;font:700 1.2rem Lato,sans-serif}.rule-token.selected{outline:3px solid var(--turquoise);outline-offset:3px}.rule-token.placed{opacity:.4;cursor:default}.rule-token.incorrect{color:#8b1e27;background:#ffe1e3;border-color:#bf2f39;box-shadow:4px 4px #bf2f39}.pinned-reminder{background:#fff;max-width:44rem;margin-top:1.5rem}.direction-heading{margin-top:2.6rem!important}.decimal-activity{background:#fff;border:2px solid #393a3b8c;border-radius:5px 12px 7px 10px;margin:1.5rem 0 2.2rem;padding:1.3rem 1.5rem;box-shadow:5px 5px #16d4d147}.decimal-activity.locked{opacity:.5}.activity-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.activity-top h3{margin:0}.direction-cue{border-radius:4px 8px 3px 7px;padding:.22rem .65rem;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:1.2rem}.direction-cue.yellow{color:#4a4300;background:#fff}.direction-cue.blue{color:#073c4a;background:#16d4d1}.decimal-activity.solved .direction-cue.yellow{background:#f2dd00}.decimal-activity.solved .direction-cue.blue{color:#073c4a;background:#16d4d1}.activity-prompt{margin:.6rem 0 1.1rem}.activity-prompt strong{font-weight:900}.decimal-scroll{padding:0 .5rem .55rem;overflow-x:auto}.decimal-board{width:max-content;min-width:11rem;position:relative}.loop-board .digit-line{z-index:1;border-bottom:0;position:relative}.loop-board .decimal-gap:hover,.loop-board .decimal-gap.hover{background:0 0;border-bottom-color:#0000}.digit-line{border-bottom:2px solid #393a3b59;align-items:stretch;width:max-content;display:flex}.digit{font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,7vw,4.4rem);font-weight:400;line-height:1.3}.decimal-gap{cursor:pointer;background:0 0;border:0;border-bottom:4px solid #0000;flex:0 0 .88rem;width:.88rem;min-height:5.6rem;padding:0}.decimal-gap:hover,.decimal-gap.hover{border-bottom-color:var(--turquoise);background:#fff}.decimal-chip{z-index:3;border:2px solid var(--ink);width:2rem;height:2rem;color:var(--ink);cursor:grab;touch-action:none;box-shadow:2px 2px 0 var(--ink);border-radius:50%;padding:0;font-size:1.9rem;font-weight:900;line-height:.5;position:absolute;top:2.7rem;transform:translate(-50%)}.decimal-chip.yellow{background:#f2dd00}.decimal-chip.blue{background:#16d4d1}.decimal-chip.selected{outline:4px solid var(--turquoise);outline-offset:3px}.decimal-chip:active{cursor:grabbing}.decimal-chip:disabled{cursor:default;opacity:1}.movement-count{min-height:1.4rem;margin:.45rem 0 0;font-weight:900}.notation-answer{background:linear-gradient(#0000 65%,#16d4d18c 65% 91%,#0000 91%);width:fit-content;margin:.4rem 0 0;font-size:clamp(1.9rem,4vw,2.7rem);font-weight:700;animation:.25s ease-out appear}.notation-answer sup{font-size:.58em}.decimal-activity.solved{border-color:var(--turquoise-dark)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes appear{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.point-comparison{grid-template-columns:1fr;gap:.8rem}.point-comparison .hand-button{justify-self:center}.anatomy-equation{gap:.12rem;margin-top:8rem}.label-target{min-width:6.3rem;font-size:.76rem}.decimal-activity{padding:1rem}.loop-board .digit{font-size:2rem}.loop-board .decimal-gap{flex-basis:.55rem;width:.55rem;min-height:4rem}.loop-board .decimal-chip{top:1.5rem}.activity-top{flex-direction:column;align-items:flex-start;gap:.3rem}}