@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-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}}.step-button.complete:disabled{opacity:1}@media (width<=760px){.problem{overflow-wrap:anywhere;font-size:1.35rem}.equation{grid-template-columns:max-content 1.35rem minmax(8rem,max-content);gap:.35rem;font-size:1.05rem;overflow-x:visible}.given-slots,.fraction-row{grid-template-columns:repeat(2,minmax(2.85rem,max-content));gap:.3rem}.fraction{min-width:7.9rem}.drop-slot{min-width:2.85rem;min-height:2.85rem;padding:.25rem .35rem}.operator{font-size:1.55rem}}body{background:#fff}.notebook{width:min(1100px,100% - 2rem);box-shadow:none;background:#fff;border-radius:0;margin:clamp(1rem,4vw,3.5rem) auto}.notebook:before,.punches{display:none}@media (width<=760px){.notebook{background:#fff;width:100%;margin:0 auto;padding-left:1rem}}.conversion-row{grid-template-columns:minmax(7rem,1fr) 4.25rem minmax(7rem,1fr)}.reveal-arrow{width:3.85rem;height:2.65rem;box-shadow:none;background:0 0;border:0;border-radius:0;padding:.1rem}.reveal-arrow span{color:#0000;background:url(./conversion-arrow-DyKyBK9b.png) 50%/contain no-repeat;width:100%;height:100%;display:block;overflow:hidden}.conversion-row.revealed .reveal-arrow{color:var(--ink);background:0 0;transform:translate(3px)rotate(2deg)}@media (width<=760px){.conversion-row{grid-template-columns:minmax(6.7rem,1fr) 4rem minmax(6.7rem,1fr)}.reveal-arrow{width:3.55rem}}.conversion-row{grid-template-columns:minmax(7rem,1fr) 8.5rem minmax(7rem,1fr);min-height:5.6rem}.reveal-arrow{width:7.7rem;height:5.3rem;box-shadow:0 .42rem 0 -.08rem var(--turquoise);background:#fff}.reveal-arrow span{filter:none}.conversion-row.revealed .reveal-arrow{box-shadow:0 .42rem 0 -.08rem var(--turquoise);background:#fff}@media (width<=760px){.conversion-row{grid-template-columns:minmax(6.3rem,1fr) 7.6rem minmax(6.3rem,1fr);min-height:5.2rem}.reveal-arrow{width:7.1rem;height:4.8rem}}.reveal-arrow,.conversion-row.revealed .reveal-arrow{box-shadow:none;isolation:isolate;background:0 0;position:relative;overflow:visible}.reveal-arrow:before,.reveal-arrow:after{content:"";pointer-events:none;clip-path:polygon(13% 37%,69% 37%,69% 16%,91% 50%,69% 85%,69% 64%,13% 64%);position:absolute;inset:0}.reveal-arrow:before{z-index:0;background:var(--turquoise);transform:translate(.38rem,.42rem)}.reveal-arrow:after{z-index:1;background:#fff}.reveal-arrow span{z-index:2;position:relative}.reveal-arrow:before{transform-origin:50%;clip-path:polygon(13% 63%,69% 63%,69% 82%,90% 49%,93% 52%,70% 89%,66% 89%,66% 70%,13% 70%);transform:none}.reveal-arrow:after{display:none}.reveal-arrow:before{clip-path:polygon(13% 63%,69% 63%,69% 82%,89% 50%,91% 52%,70% 86%,67% 86%,67% 70%,13% 70%)}.practice-section .section-copy{grid-template-columns:max-content minmax(0,1fr);align-items:center;column-gap:clamp(1rem,2.6vw,2rem);display:grid}.practice-section h2{grid-column:1/-1;margin-bottom:0;font-size:clamp(2.6rem,5.5vw,4.4rem)}.practice-section h2:after{content:"Press \"Start here\" to collect your first pieces.";letter-spacing:0;margin-top:.65rem;font-family:Lato,sans-serif;font-size:.84rem;font-style:italic;font-weight:400;display:block}.practice-section .problem{border-top:2px dashed #393a3b47;border-bottom:2px dashed #393a3b47;grid-area:2/2;align-self:center;width:100%;margin:2.7rem 0 1rem;padding:.45rem .7rem .55rem;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.1}.practice-section .problem strong{font-weight:inherit;background:0 0}.practice-section .step-strip{grid-area:2/1;align-self:center;margin:2.7rem 0 1rem}.practice-section .start-step{border:3px solid var(--ink);min-width:6.6rem;min-height:3.15rem;box-shadow:3px 5px 0 var(--ink);background:#fff;border-radius:4px 7px 4px 8px;padding:.25rem .9rem;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:1.7rem;font-weight:400;transform:rotate(-.5deg)}.practice-section .start-step:hover:not(:disabled){box-shadow:1px 3px 0 var(--ink);transform:translate(2px,2px)rotate(-1deg)}.practice-section .start-step.complete{color:var(--ink);box-shadow:3px 5px 0 var(--ink);opacity:1;background:#fff}.practice-section .number-step,.practice-section .finish-step{display:none}.practice-section.first-pair-complete .number-step[data-step="2"]{place-items:center;animation:.25s both pencil-in;display:grid}.practice-section .coach-note{text-align:center;grid-area:3/1/auto/-1;grid-template-columns:minmax(12rem,17rem) 4.2rem;justify-content:start;gap:.35rem;max-width:23rem;margin:.35rem 0 .65rem clamp(3.2rem,9vw,6.3rem);padding:0;font-family:Lato,sans-serif;font-size:1rem;line-height:1.15}.practice-section .coach-arrow{color:var(--ink);grid-area:1/2;align-self:center;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:3.4rem;transform:rotate(-42deg)}.practice-section .work-area{grid-area:4/1/auto/-1;min-width:0;padding:0}.practice-section .token-bank{border:0;min-height:3.25rem;margin:0 0 .35rem;padding:0}.practice-section #bank-prompt{display:none}.practice-section .drag-token{box-shadow:3px 3px 0 var(--turquoise);background:#fff;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:1.3rem;font-weight:400}.practice-section .equation{grid-template-columns:max-content auto minmax(10.5rem,12rem) auto minmax(8rem,1fr);gap:clamp(.45rem,1.5vw,1rem);min-height:7.7rem;padding:.25rem 0;position:relative}.practice-section .given-slots,.practice-section .fraction-row{grid-template-columns:repeat(2,minmax(3.45rem,max-content));gap:.35rem}.practice-section .fraction{min-width:10.5rem}.practice-section .fraction-row{min-height:3.15rem}.practice-section .drop-slot{min-width:3.65rem;min-height:2.85rem;padding:.25rem .4rem}.practice-section .fraction-line{height:3px;margin:.15rem 0}.practice-section .answer-line{border-bottom-width:2px;height:2.2rem}.practice-section .next-step-arrow{z-index:2;color:var(--ink);pointer-events:none;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:3.6rem;line-height:1;animation:.26s both pencil-in;position:absolute;top:-.7rem;left:clamp(9.5rem,21vw,13.5rem);transform:rotate(12deg)}.practice-section .interaction-hint{font-size:.8rem}@media (width<=760px){.practice-section .section-copy{grid-template-columns:1fr}.practice-section h2,.practice-section .problem,.practice-section .step-strip,.practice-section .coach-note,.practice-section .work-area{grid-column:1}.practice-section .step-strip{grid-row:2;margin-bottom:.45rem}.practice-section .problem{grid-row:3;margin:0 0 1rem}.practice-section .coach-note{grid-row:4;margin-left:0}.practice-section .work-area{grid-row:5}.practice-section .equation{grid-template-columns:max-content auto minmax(10.5rem,max-content)}.practice-section .next-step-arrow{left:8.2rem}}.practice-section h2:after{opacity:1;z-index:auto;background:0 0;height:auto;position:static;bottom:auto;left:auto;right:auto;transform:none}.practice-section .number-step:not(:disabled){place-items:center;animation:.25s both pencil-in;display:grid}.practice-section .finish-step:not(:disabled){animation:.25s both pencil-in;display:inline-block}.practice-section .token-bank:empty{min-height:0;margin:0;display:none}.practice-section .token-bank:has(#bank-prompt){min-height:0;margin:0;display:none}.practice-section .problem .problem-source-token{min-width:0;min-height:0;color:inherit;box-shadow:none;font:inherit;line-height:inherit;vertical-align:baseline;cursor:grab;background:0 0;border:0;border-bottom:2px dashed #393a3b6b;border-radius:0;margin:0;padding:0 .04em;display:inline}.practice-section .problem .problem-source-token:hover,.practice-section .problem .problem-source-token:focus-visible{background:linear-gradient(#0000 67%,#16d4d18c 67% 92%,#0000 92%)}.practice-section .problem .problem-source-token.selected{color:inherit;background:linear-gradient(#0000 62%,#16d4d1b8 62% 92%,#0000 92%);outline:none}.practice-section .problem-source-copy{display:inline}.practice-section .problem-source-original{display:none}.practice-section .problem-source-copy:not(:has(.problem-source-token)) .problem-source-original{display:inline}.practice-section .start-step,.practice-section .start-step.complete{width:7.1rem;min-width:7.1rem;height:3.6rem;min-height:3.6rem;box-shadow:none;background-color:#0000;background-image:url(./start-button-BVNEoHc_.png);background-position:50%;background-repeat:no-repeat;background-size:120%;border:0;border-radius:0;padding:0 0 .35rem}.practice-section .start-step:hover:not(:disabled){box-shadow:none}.practice-section .coach-note{grid-template-rows:auto auto;grid-template-columns:minmax(12rem,19rem);justify-items:center;row-gap:.15rem;max-width:19rem;margin-top:0}.practice-section .coach-arrow{grid-area:1/1;justify-self:center;font-size:3.1rem;line-height:.8;transform:rotate(-42deg)}.practice-section .coach-note p{grid-area:2/1}.practice-section .coach-note{position:relative}.practice-section .coach-note:before{content:"1";border:1.5px solid var(--ink);width:1.7rem;height:1.7rem;box-shadow:2px 2px 0 var(--turquoise);background:#fff;border-radius:50%;place-items:center;font-family:Lato,sans-serif;font-size:.95rem;line-height:1;display:grid;position:absolute;top:-.18rem;left:calc(50% - 2.75rem)}.practice-section.first-pair-complete .equation{margin-bottom:4.8rem}.practice-section .second-step-cue{z-index:5;grid-template-rows:auto auto;grid-template-columns:2rem 3.6rem minmax(10rem,14rem);align-items:center;width:max-content;display:grid;position:absolute;top:calc(100% - .6rem);left:2.8rem}.practice-section .second-step-cue .number-step{border:1.5px solid var(--ink);width:1.75rem;height:1.75rem;color:var(--ink);box-shadow:2px 2px 0 var(--turquoise);background:#fff;border-radius:50%;grid-area:1/1;place-items:center;font-family:Lato,sans-serif;font-size:.95rem;font-weight:400;display:grid}.practice-section .second-step-cue .number-step.complete,.practice-section .second-step-cue .number-step:disabled{color:var(--ink);box-shadow:2px 2px 0 var(--turquoise);opacity:1;background:#fff}.practice-section .second-step-cue .next-step-arrow{color:var(--ink);grid-area:1/2;place-self:center start;font-size:3.2rem;line-height:.75;position:static;transform:rotate(-12deg)}.practice-section .second-step-message{text-align:center;grid-area:2/2/auto/4;max-width:15rem;margin:.35rem 0 0;font-family:Lato,sans-serif;font-size:.9rem;line-height:1.15}.practice-section .second-step-message[hidden]{display:none}.practice-section .given-slots{position:relative}.practice-section .given-copy-token{z-index:4;background:#fff;width:3.65rem;min-width:3.65rem;height:2.85rem;min-height:2.85rem;padding:.25rem .4rem;position:absolute;top:50%;right:0;transform:translateY(-50%)}.practice-section.step-two-open .coach-note{display:none}@media (width<=760px){.practice-section .second-step-cue{left:1.1rem}.practice-section .given-copy-token{width:2.85rem;min-width:2.85rem;height:2.85rem}}.practice-section .given-copy-token.selected{color:var(--ink);outline-offset:1px;background:#fff;outline:3px solid #16d4d18c}.practice-section.step-three-open .second-step-cue{display:none}.practice-section.step-three-open .equation{margin-top:4.5rem;margin-bottom:0}.practice-section .third-step-cue{z-index:5;grid-template-columns:2rem minmax(10rem,12.5rem) 4rem;align-items:center;width:max-content;display:grid;position:absolute;top:-4.2rem;left:-3rem}.practice-section .third-step-cue .number-step{border:1.5px solid var(--ink);width:1.75rem;height:1.75rem;color:var(--ink);box-shadow:2px 2px 0 var(--turquoise);opacity:1;background:#fff;border-radius:50%;grid-column:1;place-items:center;font-family:Lato,sans-serif;font-size:.95rem;font-weight:400;display:grid}.practice-section .third-step-cue .number-step.complete,.practice-section .third-step-cue .number-step:disabled{color:var(--ink);box-shadow:2px 2px 0 var(--turquoise);opacity:1;background:#fff}.practice-section .third-step-cue p{text-align:center;grid-column:2;margin:0;font-family:Lato,sans-serif;font-size:.86rem;line-height:1.15}.practice-section .third-step-arrow{color:var(--ink);grid-column:3;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:3.2rem;line-height:.8;transform:rotate(6deg)}@media (width<=760px){.practice-section.step-three-open .equation{margin-top:5.4rem}.practice-section .third-step-cue{grid-template-columns:2rem minmax(8rem,10.5rem) 3rem;top:-5rem;left:0}.practice-section .third-step-arrow{font-size:2.7rem}}.practice-section .conversion-guide-row{grid-area:3/1/auto/-1;grid-template-columns:minmax(17rem,.8fr) minmax(22rem,1.2fr);align-items:center;gap:clamp(1.2rem,4vw,3.4rem);margin:.8rem 0 1rem;display:grid}.practice-section .conversion-guide-row .coach-note{grid-area:1/1;width:100%;margin:0}.practice-section .unit-conversion-panel{border:2px solid var(--ink);background:#fff;border-radius:1rem;grid-area:1/2;width:min(100%,25rem);padding:.15rem 1.25rem .8rem}.practice-section .unit-conversion-panel h3{text-align:center;margin:0 0 .45rem;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:1.65rem;font-weight:400;line-height:1.15}.practice-section .unit-conversion-choices{grid-template-columns:repeat(2,minmax(7.5rem,1fr));gap:1.15rem;display:grid}.practice-section .unit-conversion-choice{min-width:0;color:var(--ink);opacity:1;background:#fff;border:2px solid #0000;border-radius:.55rem;grid-template-rows:auto 2px auto;justify-items:center;padding:.25rem .4rem;font-family:Lato,sans-serif;font-size:1.45rem;line-height:1.05;display:grid}.practice-section .unit-conversion-choice:disabled{color:var(--ink);opacity:1}.practice-section.step-four-open .unit-conversion-choice{cursor:grab}.practice-section.step-four-open .unit-conversion-choice:hover,.practice-section .unit-conversion-choice.selected{border-color:var(--ink);box-shadow:3px 3px 0 var(--turquoise)}.practice-section .unit-conversion-choice.wrong-choice{box-shadow:none;border-color:#c64853}.practice-section .conversion-fraction-line{background:var(--ink);width:min(100%,5.8rem);height:2px}.practice-section .fraction.conversion-drag-over{outline-offset:.45rem;outline:4px solid #16d4d16b}.practice-section .fourth-step-cue{grid-area:1/1;grid-template-rows:auto auto;grid-template-columns:minmax(12rem,1fr) 2rem;align-items:center;gap:.15rem .45rem;width:100%;display:grid}.practice-section .fourth-step-cue p{text-align:center;grid-area:1/1;margin:0;font-size:.96rem;line-height:1.15}.practice-section .fourth-step-cue .number-step{border:1.5px solid var(--ink);width:1.75rem;height:1.75rem;color:var(--ink);box-shadow:2px 2px 0 var(--turquoise);opacity:1;background:#fff;border-radius:50%;grid-area:1/2;place-items:center;font-family:Lato,sans-serif;font-size:.95rem;font-weight:400;display:grid}.practice-section .fourth-step-cue .number-step.complete,.practice-section .fourth-step-cue .number-step:disabled{color:var(--ink);box-shadow:2px 2px 0 var(--turquoise);opacity:1;background:#fff}.practice-section .fourth-step-arrow{color:var(--ink);grid-area:2/2;justify-self:center;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:3rem;line-height:.75;transform:rotate(-8deg)}.practice-section.step-four-open .token-bank{display:none}@media (width<=760px){.practice-section .conversion-guide-row{grid-area:4/1;grid-template-columns:1fr;gap:1rem}.practice-section .unit-conversion-panel{grid-area:1/1;width:100%}.practice-section .conversion-guide-row .coach-note,.practice-section .fourth-step-cue{grid-area:2/1}.practice-section .work-area{grid-row:5}.practice-section .unit-conversion-choice{font-size:1.15rem}}.practice-section.step-four-ready .third-step-cue{display:none}.practice-section.step-four-ready .equation{margin-top:0;margin-bottom:0}.practice-section.step-four-ready .conversion-guide-row{grid-template-rows:auto auto;align-items:center}.practice-section.step-four-ready .conversion-guide-row>.token-bank{grid-area:1/1;min-height:0;margin:0 0 .8rem;padding:0;display:block}.practice-section.step-four-ready .fourth-step-cue{grid-area:2/1}.practice-section.step-four-ready .unit-conversion-panel{grid-area:1/2/3;align-self:center}.practice-section.step-four-ready.step-four-open .conversion-guide-row>.token-bank{display:none}@media (width<=760px){.practice-section.step-four-ready .unit-conversion-panel{grid-area:1/1}.practice-section.step-four-ready .conversion-guide-row>.token-bank{grid-area:2/1}.practice-section.step-four-ready .fourth-step-cue{grid-area:3/1}}.practice-section.step-four-open .unit-conversion-choice,.practice-section.step-four-open .unit-conversion-choice:hover{box-shadow:none;cursor:default;border-color:#0000}.practice-section .conversion-number-source{display:inline}.practice-section .conversion-number-original{display:none}.practice-section .conversion-number-source:not(:has(.conversion-number-token)) .conversion-number-original{display:inline}.practice-section .conversion-number-token{min-width:0;min-height:0;color:var(--ink);box-shadow:none;font:inherit;line-height:inherit;vertical-align:baseline;cursor:grab;background:0 0;border:0;border-bottom:2px dashed #393a3b6b;border-radius:0;margin:0;padding:0 .04em;display:inline}.practice-section .conversion-number-token:hover,.practice-section .conversion-number-token:focus-visible,.practice-section .conversion-number-token.selected{color:var(--ink);background:linear-gradient(#0000 62%,#16d4d1b3 62% 92%,#0000 92%);outline:none}.practice-section .answer-space.solved{justify-self:start;width:max-content;min-width:0}.unit-sort-activity{border-top:2px dashed #393a3b4d;margin-top:clamp(2.5rem,6vw,4.5rem);padding-top:clamp(2rem,4vw,3rem)}.unit-sort-activity h3{margin:0 0 .8rem;font-family:Lato,sans-serif;font-size:clamp(1.65rem,3vw,2.35rem);font-weight:400;line-height:1.2}.unit-sort-definition{max-width:38rem;margin:0;font-size:1.08rem;line-height:1.25}.unit-sort-directions{color:var(--ink-soft);margin:.65rem 0 1.15rem;font-size:.9rem;font-style:italic}.unit-sort-bank{flex-wrap:wrap;gap:1.25rem;min-height:3.5rem;margin:0 0 1.5rem;padding-left:clamp(0rem,8vw,5rem);display:flex}.unit-sort-token{border:2px solid var(--ink);min-width:3.25rem;min-height:2.75rem;color:var(--ink);box-shadow:3px 3px 0 var(--turquoise);cursor:grab;background:#fff;border-radius:5px 8px 4px 7px;place-items:center;padding:.3rem .65rem;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:1.3rem;transition:transform .15s,box-shadow .15s;display:inline-grid}button.unit-sort-token:hover,.unit-sort-token.selected{box-shadow:4px 5px 0 var(--turquoise);transform:translateY(-2px)rotate(-1deg)}.unit-sort-token.selected{outline-offset:2px;outline:3px solid #16d4d166}.unit-sort-containers{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,3vw,2rem);display:grid}.unit-sort-container{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:.9rem;min-height:8.5rem;padding:.75rem 1rem 1rem;transition:background .15s,transform .15s;box-shadow:4px 4px #16d4d1b3}.unit-sort-container h4{text-align:center;border-bottom:2px dashed #393a3b47;margin:0 0 .65rem;padding-bottom:.4rem;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:1.45rem;font-weight:400}.unit-sort-container.drag-over,.unit-sort-container:focus-visible{background:var(--turquoise-soft);transform:translateY(-2px)}.unit-sort-container.wrong{border-color:#c64853;animation:.26s shake}.unit-sort-placed{flex-wrap:wrap;justify-content:center;gap:.7rem;min-height:3.4rem;display:flex}.unit-sort-placed:empty:before{content:"Drop units here";color:#393a3b6b;letter-spacing:.05em;text-transform:uppercase;align-self:center;font-size:.82rem;font-weight:700}.unit-sort-token.sorted{cursor:default;animation:.22s both pencil-in}.unit-sort-feedback{min-height:1.6rem;margin:.9rem 0 0;font-weight:700}.unit-sort-activity.complete .unit-sort-container{box-shadow:4px 4px 0 var(--turquoise)}@media (width<=620px){.unit-sort-bank{padding-left:0}.unit-sort-containers{grid-template-columns:1fr}}.practice-section .coach-arrow,.practice-section .second-step-cue .next-step-arrow,.practice-section .third-step-arrow,.practice-section .fourth-step-arrow{color:#0000;background-image:url(./conversion-arrow-DyKyBK9b.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:4.6rem;height:2.3rem;font-size:0;line-height:0;display:block}@media (width<=760px){.practice-section .coach-arrow{width:4.1rem;height:2.05rem}.practice-section .second-step-cue .next-step-arrow,.practice-section .third-step-arrow,.practice-section .fourth-step-arrow{width:3.6rem;height:1.8rem}}.practice-section .coach-arrow,.practice-section .second-step-cue .next-step-arrow,.practice-section .third-step-arrow,.practice-section .fourth-step-arrow{background-image:url(./arrow-6-HAcDQmQw.png);width:2.2rem;height:3.6rem}.practice-section .coach-arrow{margin-block:-.65rem;transform:rotate(90deg)}.practice-section .second-step-cue .next-step-arrow{width:2.05rem;height:3.35rem;transform:none}.practice-section .third-step-arrow{width:2.05rem;height:3.35rem;transform:rotate(90deg)}.practice-section .fourth-step-arrow{width:2.05rem;height:3.35rem;transform:rotate(180deg)}@media (width<=760px){.practice-section .coach-arrow,.practice-section .second-step-cue .next-step-arrow,.practice-section .third-step-arrow,.practice-section .fourth-step-arrow{width:1.85rem;height:3rem}}.summary-section .section-copy{max-width:58rem}.decision-flow{width:min(100%,54rem);color:var(--ink);background:#fff;border:1.5px dashed #393a3b47;margin:2.2rem auto 0;padding:clamp(1.5rem,4vw,2.5rem) clamp(1rem,3vw,2rem);font-family:Lato,sans-serif}.decision-flow p{margin:0}.decision-opening,.decision-copy-line{text-align:center;font-size:clamp(1.08rem,2.2vw,1.42rem);line-height:1.45}.missing-word-wrap{white-space:nowrap;vertical-align:baseline;align-items:center;gap:.12rem;display:inline-flex}.missing-word{color:#0000;-webkit-user-select:none;user-select:none;background:#fff;min-width:max-content;padding:0 .12rem;transition:color .18s,box-shadow .18s;box-shadow:inset 0 -2px #393a3b29}.missing-word.revealed{color:var(--ink);-webkit-user-select:text;user-select:text;animation:.22s both pencil-in;box-shadow:inset 0 -.22em #16d4d16b}.word-reveal-dot{cursor:pointer;vertical-align:middle;background:0 0;border:0;border-radius:50%;place-items:center;width:1.25rem;height:1.25rem;margin:0;padding:0;display:inline-grid;position:relative}.word-reveal-dot:before{content:"";border:1.5px solid var(--ink);background:var(--turquoise);border-radius:50%;width:.55rem;height:.55rem;transition:transform .15s,background .15s;box-shadow:1.5px 1.5px #393a3b38}.word-reveal-dot:hover:before,.word-reveal-dot:focus-visible:before{transform:scale(1.25)}.word-reveal-dot:focus-visible{outline:2px solid var(--turquoise-dark);outline-offset:1px}.word-reveal-dot.revealed{cursor:default;opacity:1}.word-reveal-dot.revealed:before{box-shadow:inset 0 0 0 2px var(--turquoise);background:#fff}.decision-stem,.decision-branch-stem{background:var(--ink);width:3px;height:1.45rem;margin:.3rem auto;display:block}.decision-stem-lower{height:1.35rem;margin-bottom:0}.decision-branch-line{border-top:3px solid var(--ink);border-right:3px solid var(--ink);border-left:3px solid var(--ink);width:50%;height:2.1rem;margin:0 auto .35rem}.decision-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.2rem,6vw,5rem);display:grid}.decision-branch{align-content:start;justify-items:center;display:grid}.decision-branch>p:first-child{text-align:center;max-width:18rem;min-height:3.2em;font-size:clamp(1rem,2vw,1.3rem);line-height:1.15}.decision-branch-stem{height:1.55rem;margin:.55rem auto .35rem}.decision-step{text-align:center;font-size:clamp(1.2rem,2.4vw,1.55rem);line-height:1.1}.decision-step strong{font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:1.12em;font-weight:400}@media (width<=620px){.decision-flow{margin-top:1.4rem;padding-inline:.65rem}.decision-opening,.decision-copy-line{line-height:1.6}.decision-branches{gap:.8rem}.decision-branch>p:first-child{min-height:4.5em;font-size:.92rem}.word-reveal-dot{width:1.05rem;height:1.05rem}}.decision-step strong{margin-right:.22em}.practice-section .coach-note{position:relative;overflow:visible}.practice-section .coach-note:before{top:-3.5rem;left:auto;right:-.2rem}.practice-section .coach-arrow{margin:0;position:absolute;top:-4.1rem;right:-4.2rem;transform:none}@media (width<=760px){.practice-section .coach-note:before{right:2.6rem}.practice-section .coach-arrow{top:-3.65rem;right:-.45rem}}.practice-section .coach-arrow{transform:rotate(-45deg)scaleY(-1)rotate(45deg)}.practice-section .coach-note p{text-align:left;justify-self:end;width:100%;max-width:18.5rem;margin-top:-.85rem}@media (width<=760px){.practice-section .coach-note p{max-width:17rem;margin-top:-.55rem}}.practice-section .coach-arrow{top:-4.3rem;right:-3.65rem}@media (width<=760px){.practice-section .coach-arrow{top:-3.8rem;right:.1rem}}.practice-section .second-step-cue{left:3.3rem}.practice-section .second-step-cue .next-step-arrow{position:relative;left:1.5rem}.practice-section .second-step-message{text-align:left;max-width:16.5rem;position:relative;left:1.4rem}.practice-section .interaction-hint{display:none}@media (width<=760px){.practice-section .second-step-cue{left:1.35rem}.practice-section .second-step-cue .next-step-arrow,.practice-section .second-step-message{left:.75rem}}.practice-section .second-step-cue .next-step-arrow{animation:none;transform:rotate(-56deg)}.practice-section .practice-feedback{width:fit-content;max-width:24rem;margin-top:.3rem;margin-left:13rem}@media (width<=760px){.practice-section .practice-feedback{max-width:calc(100% - 9rem);margin-left:9rem}}.practice-section .practice-feedback{display:none}.practice-section .fourth-step-cue{grid-template-rows:auto 3.5rem;grid-template-columns:9rem 2rem 1.5rem 2.2rem;align-items:start;gap:.15rem 0;width:14.7rem;margin-left:1.5rem}.practice-section .fourth-step-cue p{text-align:left;grid-area:1/1/auto/-1;width:100%}.practice-section .fourth-step-cue .number-step{grid-area:2/2;justify-self:start;margin-top:.35rem}.practice-section .fourth-step-arrow{grid-area:2/4;justify-self:start;margin-top:.05rem;animation:none;transform:rotate(90deg)}@media (width<=760px){.practice-section .fourth-step-cue{grid-template-columns:8.25rem 2rem 1rem 1.85rem;width:13.1rem;margin-left:0}}.practice-section .third-step-arrow{position:relative;left:.7rem}@media (width<=760px){.practice-section .third-step-arrow{left:.4rem}}.practice-section .finish-step,.practice-section .finish-step:disabled{width:7.1rem;min-width:7.1rem;height:3.6rem;min-height:3.6rem;box-shadow:none;background-color:#0000;background-image:url(./start-button-BVNEoHc_.png);background-position:50%;background-repeat:no-repeat;background-size:120%;border:0;border-radius:0;padding:0 0 .35rem;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:1.35rem;font-weight:400}.practice-section .finish-step:hover:not(:disabled){box-shadow:none}.practice-section .additional-solved-problems{grid-area:5/1/auto/-1;gap:clamp(2rem,5vw,3.5rem);width:100%;margin-top:clamp(2.5rem,7vw,5rem);display:grid}.practice-section .solved-example{border-top:2px dashed #393a3b3d;min-width:0;padding:clamp(2.5rem,6vw,4.5rem) clamp(.5rem,2vw,1.5rem);position:relative}.practice-section .solved-equation{min-width:0;color:var(--ink);white-space:nowrap;justify-content:center;align-items:center;gap:clamp(.65rem,2vw,1.55rem);padding:.4rem 0 1rem;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:clamp(2rem,4.6vw,3.75rem);line-height:1;display:flex;overflow-x:auto}.practice-section .solved-fraction{grid-template-rows:auto auto;place-items:center;min-width:max-content;display:grid}.practice-section .solved-numerator,.practice-section .solved-denominator{text-align:center;min-width:100%;padding:.12em .32em;display:block}.practice-section .solved-numerator{border-bottom:3px solid var(--ink)}.practice-section .solved-note{text-align:left;width:min(18rem,80%);margin:1.5rem auto 0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.25;position:relative}.practice-section .solved-note:before{content:"";transform-origin:50%;background:url(./arrow-6-HAcDQmQw.png) 50%/contain no-repeat;width:4.4rem;height:4.4rem;position:absolute;bottom:calc(100% + .25rem);right:-.25rem;transform:rotate(-42deg)}.practice-section .solved-example-two-step .solved-equation{font-size:clamp(1.65rem,3.45vw,3.1rem)}@media (width<=760px){.practice-section .additional-solved-problems{grid-area:6/1}.practice-section .solved-example{padding-inline:0}.practice-section .solved-equation{justify-content:flex-start}}.practice-section .solved-example-two-step .solved-equation{gap:clamp(.4rem,1.2vw,.9rem);font-size:clamp(1.4rem,3vw,2.65rem)}.guided-practice .guided-conversion-guide{grid-area:3/1/auto/-1;grid-template-columns:minmax(15rem,1fr) minmax(22rem,1.25fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);margin:1rem 0 1.75rem;display:grid}.guided-practice .guided-coach-note{grid-template-columns:3rem minmax(0,1fr) 4.4rem;align-items:center;gap:.55rem;display:grid}.guided-practice .guided-coach-note[hidden]{display:none}.guided-practice .guided-step-number{border:1.5px solid var(--ink);width:2.35rem;height:2.35rem;box-shadow:2px 3px 0 var(--turquoise);border-radius:50%;place-items:center;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:1.35rem;display:grid}.guided-practice .guided-coach-note p{text-align:left;margin:0;font-size:1rem;line-height:1.28}.guided-practice .guided-step-arrow{object-fit:contain;width:4.1rem;height:4.1rem;transform:rotate(-12deg)}.guided-practice .guided-unit-conversion-panel{border:2px solid var(--ink);background:#fff;border-radius:1.25rem;justify-self:center;width:min(100%,31rem);padding:.6rem 1.5rem 1rem}.guided-practice .guided-unit-conversion-panel h3{text-align:center;margin:0 0 .7rem;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:1.7rem;font-weight:400}.guided-practice .guided-conversion-choices{grid-template-columns:repeat(2,minmax(7.5rem,1fr));gap:1.5rem;display:grid}.guided-practice .guided-conversion-choice{place-items:center;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:1.35rem;line-height:1.05;display:grid}.guided-practice .guided-conversion-line{text-align:center;min-width:6.3rem;padding:.2rem .3rem}.guided-practice .guided-conversion-line:first-child{border-bottom:2px solid var(--ink)}.guided-practice .guided-problem-token,.guided-practice .guided-conversion-token{border-radius:.15rem}.guided-practice .guided-problem-token.available,.guided-practice .guided-conversion-token.available{cursor:grab;border-bottom:2px dashed #393a3b73}.guided-practice .guided-problem-token.available:hover,.guided-practice .guided-problem-token.selected,.guided-practice .guided-conversion-token.available:hover,.guided-practice .guided-conversion-token.selected{background:linear-gradient(#0000 62%,#16d4d16b 62%)}.guided-practice .guided-work-area{grid-area:4/1/auto/-1;min-width:0}.guided-practice .guided-equation{grid-template-columns:max-content auto minmax(10.5rem,12rem) auto minmax(8rem,1fr);align-items:center;gap:clamp(.45rem,1.5vw,1rem);min-width:0;display:grid}.guided-practice .guided-given-slots,.guided-practice .guided-fraction-row{grid-template-columns:repeat(2,minmax(3.45rem,max-content));justify-content:center;gap:.35rem;display:grid}.guided-practice .guided-fraction{min-width:10.5rem}.guided-practice .guided-fraction-row{min-height:3.15rem}.guided-practice .guided-fraction-line{background:var(--ink);height:3px;margin:.15rem 0}.guided-practice .guided-drop-slot{color:#393a3b6b;cursor:pointer;background:#fff;border:2px dashed #393a3b80;border-radius:.35rem;min-width:3.65rem;min-height:2.85rem;padding:.25rem .4rem;font-family:Lato,sans-serif;font-size:.75rem}.guided-practice .guided-drop-slot.filled{border-style:solid;border-color:var(--ink);color:var(--ink);box-shadow:3px 4px 0 var(--turquoise);font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:1.4rem}.guided-practice .guided-drop-slot.drag-over{outline:4px solid #16d4d161}.guided-practice .guided-drop-slot.wrong{border-color:#c64853;animation:.24s ease-in-out shake}.guided-practice .guided-answer .answer-line{border-bottom:2px solid var(--ink);height:2.2rem;display:block}.guided-practice .guided-answer.solved{background:linear-gradient(#0000 58%,#16d4d1bf 58%);width:max-content;min-width:0;padding:0 .2rem;font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:clamp(1.9rem,4vw,2.8rem)}.guided-practice .guided-feedback{min-height:1.5rem;margin:.45rem 0 0;font-size:.9rem}@media (width<=760px){.guided-practice .guided-conversion-guide,.guided-practice .guided-work-area{grid-column:1}.guided-practice .guided-conversion-guide{grid-row:4;grid-template-columns:1fr}.guided-practice .guided-work-area{grid-row:5}.guided-practice .guided-unit-conversion-panel{width:100%}.guided-practice .guided-equation{grid-template-columns:max-content auto minmax(10.5rem,max-content);justify-content:start;padding-bottom:1.5rem;overflow-x:auto}.guided-practice .guided-equation>.operator:nth-of-type(2),.guided-practice .guided-answer{grid-row:2;margin-top:1rem}.guided-practice .guided-equation>.operator:nth-of-type(2){grid-column:2}.guided-practice .guided-answer{grid-column:3}}.guided-practice .guided-coach-note p{grid-area:1/2}.guided-practice .guided-step-arrow{grid-area:1/3}.practice-section h2:after{content:"Press Start to learn the process of converting from one unit to another."}.guided-practice .guided-unit-conversion-panel{grid-column:2;justify-self:end}@media (width<=760px){.guided-practice .guided-unit-conversion-panel{grid-column:1;justify-self:stretch}}.practice-section:not(.guided-practice) .unit-conversion-panel{justify-self:end}@media (width<=760px){.practice-section:not(.guided-practice) .unit-conversion-panel{justify-self:stretch}}.guided-practice[data-stage="1"] .guided-coach-note{grid-template-columns:minmax(0,1fr) 3rem 4.4rem;align-items:start}.guided-practice[data-stage="1"] .guided-step-number{grid-area:1/2}.guided-practice[data-stage="1"] .guided-step-arrow{grid-area:1/3;margin-top:-.45rem;transform:rotate(45deg)}.guided-practice[data-stage="1"] .guided-coach-note{grid-template-rows:auto auto;row-gap:.15rem}.guided-practice[data-stage="1"] .guided-coach-note p{grid-area:2/1/auto/3}.guided-practice[data-stage="1"] .guided-step-number{justify-self:end}.guided-practice[data-stage="1"] .guided-step-arrow{transform:rotate(25deg)}.guided-practice[data-stage="1"] .guided-step-number{width:1.7rem;height:1.7rem;box-shadow:2px 2px 0 var(--turquoise);border-width:1px;font-family:Lato,sans-serif;font-size:.95rem;line-height:.95rem}.guided-practice[data-stage="1"] .guided-coach-note p{grid-column:1/-1;width:18.5rem;margin:-.85rem 0 0;font-family:Lato,sans-serif;font-size:1rem;line-height:1.15}.guided-practice .guided-equation{position:relative}.guided-practice[data-stage="2"] .guided-equation{margin-bottom:4.8rem}.guided-practice[data-stage="2"] .guided-coach-note{z-index:5;grid-template-rows:auto auto;grid-template-columns:2rem 3.6rem minmax(10rem,14rem);align-items:center;gap:0;width:max-content;display:grid;position:absolute;top:calc(100% - .6rem);left:3.3rem}.guided-practice[data-stage="2"] .guided-step-number{border:1.5px solid var(--ink);width:1.75rem;height:1.75rem;box-shadow:2px 2px 0 var(--turquoise);grid-area:1/1;font-family:Lato,sans-serif;font-size:.95rem;font-weight:400;line-height:1}.guided-practice[data-stage="2"] .guided-step-arrow{grid-area:1/2;place-self:center start;width:2.05rem;height:3.35rem;margin:0;position:relative;left:1.5rem;transform:rotate(-56deg)}.guided-practice[data-stage="2"] .guided-coach-note p{text-align:center;grid-area:2/2/auto/4;width:auto;max-width:15rem;margin:.35rem 0 0;font-family:Lato,sans-serif;font-size:.9rem;line-height:1.15;position:relative;left:1.4rem}@media (width<=760px){.guided-practice[data-stage="2"] .guided-coach-note{left:1.35rem}.guided-practice[data-stage="2"] .guided-step-arrow,.guided-practice[data-stage="2"] .guided-coach-note p{left:.75rem}}.guided-practice[data-stage="2"] .guided-step-number{line-height:1.55}.guided-practice[data-stage="2"] .guided-coach-note p{max-width:16.5rem}.guided-practice[data-stage="2"] .guided-source-unit.available{cursor:default;pointer-events:none;background:0 0;border-bottom-color:#0000}.guided-practice[data-stage="2"] .guided-drop-slot.copy-source{cursor:grab}.guided-practice[data-stage="2"] .guided-drop-slot.copy-source:hover,.guided-practice[data-stage="2"] .guided-drop-slot.copy-selected{outline-offset:.15rem;outline:4px solid #16d4d161}.practice-section .unit-conversion-panel .conversion-number-label,.practice-section .unit-conversion-panel .conversion-number-token,.practice-section .unit-conversion-panel .conversion-number-original,.guided-practice .guided-unit-conversion-panel .guided-conversion-token,.guided-practice .guided-unit-conversion-panel .conversion-number-label{font-family:Lato,sans-serif}.practice-section .finish-step>span[aria-hidden=true]{display:none}.guided-practice[data-stage="3"] .guided-equation{margin-top:4.5rem;margin-bottom:0}.guided-practice[data-stage="3"] .guided-coach-note{z-index:5;grid-template-rows:auto;grid-template-columns:2rem minmax(10rem,12.5rem) 4rem;align-items:center;gap:0;width:max-content;display:grid;position:absolute;top:-4.2rem;left:-3rem}.guided-practice[data-stage="3"] .guided-step-number{border:1.5px solid var(--ink);width:1.75rem;height:1.75rem;box-shadow:2px 2px 0 var(--turquoise);grid-area:1/1;font-family:Lato,sans-serif;font-size:.95rem;font-weight:400;line-height:1.55}.guided-practice[data-stage="3"] .guided-coach-note p{text-align:center;grid-area:1/2;width:auto;max-width:none;margin:0;font-family:Lato,sans-serif;font-size:.86rem;line-height:1.15;position:static}.guided-practice[data-stage="3"] .guided-step-arrow{grid-area:1/3;width:2.05rem;height:3.35rem;margin:0;position:relative;left:.7rem;transform:rotate(90deg)}@media (width<=760px){.guided-practice[data-stage="3"] .guided-equation{margin-top:5.4rem}.guided-practice[data-stage="3"] .guided-coach-note{grid-template-columns:2rem minmax(8rem,10.5rem) 3rem;top:-5rem;left:0}.guided-practice[data-stage="3"] .guided-step-arrow{width:1.85rem;height:3rem;left:.4rem}}.guided-practice[data-stage="3"] .guided-step-arrow{font-family:KG Thinking Out Loud,Comic Sans MS,cursive;font-size:0;line-height:0}.practice-section .unit-conversion-panel .conversion-number-label,.practice-section .unit-conversion-panel .conversion-number-token,.practice-section .unit-conversion-panel .conversion-number-original,.guided-practice .guided-unit-conversion-panel .guided-conversion-token,.guided-practice .guided-unit-conversion-panel .conversion-number-label,.practice-section:not(.guided-practice) .fraction-row .drop-slot.small-slot.filled,.guided-practice .guided-drop-slot[data-key=numerator-number].filled,.guided-practice .guided-drop-slot[data-key=denominator-number].filled{font-family:Lato,sans-serif}.guided-practice[data-stage="4"] .guided-coach-note{grid-template-rows:auto 3.5rem;grid-template-columns:9rem 2rem 1.5rem 3.25rem;align-items:start;gap:.15rem 0;width:15.75rem;margin-left:1.5rem;display:grid}.guided-practice[data-stage="4"] .guided-coach-note p{text-align:left;grid-area:1/1/auto/-1;width:100%;max-width:none;margin:0;font-family:Lato,sans-serif;font-size:.96rem;line-height:1.15}.guided-practice[data-stage="4"] .guided-step-number{border:1.5px solid var(--ink);width:1.75rem;height:1.75rem;box-shadow:2px 2px 0 var(--turquoise);grid-area:2/2;justify-self:start;margin-top:.35rem;font-family:Lato,sans-serif;font-size:.95rem;font-weight:400;line-height:1}.guided-practice[data-stage="4"] .guided-step-arrow{object-fit:contain;grid-area:2/4;place-self:start;width:3.25rem;height:2.2rem;margin-top:.05rem;transform:rotate(25deg)}@media (width<=760px){.guided-practice[data-stage="4"] .guided-coach-note{grid-template-columns:8.25rem 2rem 1rem 2.85rem;width:14.1rem;margin-left:0}.guided-practice[data-stage="4"] .guided-step-arrow{width:2.85rem}}.guided-practice .guided-feedback{min-height:0;margin:0;position:absolute;bottom:.65rem;left:5.55rem}@media (width<=760px){.guided-practice .guided-feedback{left:0}}.practice-section:not(.guided-practice) .drop-slot.filled{background:#fff;font-weight:400}.guided-practice.continuation-example .problem,.guided-practice.continuation-example .step-strip{margin-top:0}.two-step-practice .guided-unit-conversion-panel{width:min(100%,34rem)}.two-step-practice .two-step-conversion-choices{grid-template-columns:repeat(2,minmax(8.5rem,1fr));gap:.75rem 1.5rem}.two-step-practice .guided-intermediate-unit-token{border-radius:.15rem}.two-step-practice .guided-intermediate-unit-token.available,.two-step-practice .guided-intermediate-unit-token.selected{cursor:grab;background:linear-gradient(#0000 62%,#16d4d16b 62%);border-bottom:2px dashed #393a3b73}.two-step-practice .two-step-equation{grid-template-columns:max-content auto minmax(10.5rem,12rem) auto minmax(10.5rem,12rem) auto minmax(7rem,1fr);gap:clamp(.35rem,1vw,.7rem)}.two-step-practice .guided-drop-slot[data-key$=-number].filled{font-family:Lato,sans-serif}.two-step-practice .guided-drop-slot.available-source{cursor:grab;outline-offset:.15rem;outline:4px solid #16d4d147}.two-step-practice[data-stage="5"] .guided-equation{margin-bottom:4.8rem}.two-step-practice[data-stage="5"] .guided-coach-note{z-index:5;grid-template-rows:auto auto;grid-template-columns:2rem 3.6rem minmax(10rem,14rem);align-items:center;gap:0;width:max-content;display:grid;position:absolute;top:calc(100% - .6rem);left:19.25rem}.two-step-practice[data-stage="5"] .guided-step-number{border:1.5px solid var(--ink);width:1.75rem;height:1.75rem;box-shadow:2px 2px 0 var(--turquoise);grid-area:1/1;font-family:Lato,sans-serif;font-size:.95rem;font-weight:400;line-height:1}.two-step-practice[data-stage="5"] .guided-step-arrow{grid-area:1/2;place-self:center start;width:2.05rem;height:3.35rem;margin:0;position:relative;left:1.5rem;transform:rotate(-56deg)}.two-step-practice[data-stage="5"] .guided-coach-note p{text-align:center;grid-area:2/2/auto/4;width:auto;max-width:15rem;margin:.35rem 0 0;font-family:Lato,sans-serif;font-size:.9rem;line-height:1.15;position:relative;left:1.4rem}.two-step-practice[data-stage="6"] .guided-equation{margin-top:4.5rem;margin-bottom:0}.two-step-practice[data-stage="6"] .guided-coach-note{z-index:5;grid-template-rows:auto;grid-template-columns:2rem minmax(10rem,12.5rem) 4rem;align-items:center;gap:0;width:max-content;display:grid;position:absolute;top:-4.2rem;left:16.5rem}.two-step-practice[data-stage="6"] .guided-step-number{border:1.5px solid var(--ink);width:1.75rem;height:1.75rem;box-shadow:2px 2px 0 var(--turquoise);grid-area:1/1;font-family:Lato,sans-serif;font-size:.95rem;font-weight:400;line-height:1.55}.two-step-practice[data-stage="6"] .guided-coach-note p{text-align:center;grid-area:1/2;width:auto;margin:0;font-family:Lato,sans-serif;font-size:.86rem;line-height:1.15}.two-step-practice[data-stage="6"] .guided-step-arrow{grid-area:1/3;width:2.05rem;height:3.35rem;margin:0;position:relative;left:.7rem;transform:rotate(90deg)}.two-step-practice[data-stage="7"] .guided-coach-note{grid-template-rows:auto 3.5rem;grid-template-columns:9rem 2rem 1.5rem 3.25rem;align-items:start;gap:.15rem 0;width:15.75rem;margin-left:1.5rem;display:grid}.two-step-practice[data-stage="7"] .guided-coach-note p{text-align:left;grid-area:1/1/auto/-1;width:100%;max-width:none;margin:0;font-family:Lato,sans-serif;font-size:.96rem;line-height:1.15}.two-step-practice[data-stage="7"] .guided-step-number{border:1.5px solid var(--ink);width:1.75rem;height:1.75rem;box-shadow:2px 2px 0 var(--turquoise);grid-area:2/2;justify-self:start;margin-top:.35rem;font-family:Lato,sans-serif;font-size:.95rem;font-weight:400;line-height:1}.two-step-practice[data-stage="7"] .guided-step-arrow{object-fit:contain;grid-area:2/4;place-self:start;width:3.25rem;height:2.2rem;margin-top:.05rem;transform:rotate(25deg)}@media (width<=760px){.two-step-practice .two-step-conversion-choices{grid-template-columns:repeat(2,minmax(7.2rem,1fr));gap:.65rem}.two-step-practice .two-step-equation{grid-template-columns:max-content auto minmax(10.5rem,max-content) auto minmax(10.5rem,max-content) auto minmax(7rem,max-content);overflow-x:auto}.two-step-practice[data-stage="5"] .guided-coach-note{left:15.5rem}.two-step-practice[data-stage="6"] .guided-coach-note{grid-template-columns:2rem minmax(8rem,10.5rem) 3rem;top:-5rem;left:14rem}.two-step-practice[data-stage="7"] .guided-coach-note{grid-template-columns:8.25rem 2rem 1rem 2.85rem;width:14.1rem;margin-left:0}.two-step-practice[data-stage="7"] .guided-step-arrow{width:2.85rem}}#reset-notes{width:9rem;min-width:9rem;height:4.15rem;min-height:4.15rem;color:var(--ink);box-shadow:none;background-color:#0000;background-image:url(./start-button-BVNEoHc_.png);background-position:50%;background-repeat:no-repeat;background-size:120%;border:0;border-radius:0;padding:0 0 .4rem;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:hover{box-shadow:none;transform:translate(2px,2px)rotate(-1deg)}.practice-section .conversion-type-check{border:2px solid var(--ink);width:min(100%,24rem);color:var(--ink);background:#fff;border-radius:.85rem;grid-area:1/1;align-self:center;margin:0;padding:.85rem 1rem .75rem;font-family:Lato,sans-serif}.practice-section .conversion-type-check[hidden]{display:none}.practice-section .conversion-type-check legend{padding:0 .35rem;font-size:.95rem;font-weight:700}.practice-section .conversion-type-check label{cursor:pointer;grid-template-columns:1.15rem minmax(0,1fr);align-items:start;gap:.45rem;margin:.35rem 0;font-size:.86rem;line-height:1.22;display:grid}.practice-section .conversion-type-check input{width:1rem;height:1rem;accent-color:var(--turquoise-dark);margin:.05rem 0 0}.practice-section .conversion-type-check strong{font-weight:700}.practice-section .conversion-type-feedback{min-height:1.05rem;margin:.45rem 0 0;font-size:.82rem;line-height:1.15}.practice-section .conversion-type-check.correct{box-shadow:4px 4px 0 var(--turquoise)}.practice-section .conversion-type-check.incorrect{border-color:#c64853}@media (width<=760px){.practice-section .conversion-type-check{grid-area:auto/1;width:100%}}.two-step-practice .typed-base-unit-input{box-sizing:border-box;width:100%;min-width:3.65rem;min-height:2.85rem;color:var(--ink);text-align:center;cursor:text;background:#fff;font-family:Lato,sans-serif;font-size:1rem;font-weight:400}.two-step-practice .typed-base-unit-input::placeholder{color:#393a3b6b;font-size:.75rem}.two-step-practice .typed-base-unit-input:focus{outline-offset:.1rem;border-style:solid;outline:4px solid #16d4d147}.two-step-practice[data-stage="3"] .guided-intermediate-unit-token{pointer-events:none;cursor:default;background:0 0;border-bottom-color:#0000}.two-step-practice .typed-base-unit-input{justify-self:center;width:3.65rem}.practice-section:not(.guided-practice) .step-strip{position:relative}.practice-section .step-strip>.start-side-number{width:max-content;position:absolute;top:50%;right:calc(100% + .75rem);transform:translateY(-50%)rotate(-6deg)}@media (width<=760px){.practice-section .step-strip>.start-side-number{left:-2.25rem;right:auto}}.practice-section:not(.guided-practice)>.section-copy{grid-column:2}@media (width<=760px){.practice-section:not(.guided-practice)>.section-copy{grid-column:1}}.practice-section .step-strip>.start-side-number{right:calc(100% + 2.5rem)}@media (width<=760px){.practice-section .step-strip>.start-side-number{left:-3.85rem;right:auto}}.practice-section:not(.guided-practice) .practice-feedback{width:fit-content;max-width:24rem;min-height:0;margin:0;font-size:.9rem;font-weight:400;display:block;position:absolute;bottom:.65rem;left:5.55rem}@media (width<=760px){.practice-section:not(.guided-practice) .practice-feedback{max-width:100%;left:0}}
