#product-practice{--accent:#5b468c;width:min(calc(100% - 1rem),42rem);margin:1rem auto 2rem;color:var(--text-color);font-size:clamp(1rem,calc(.94rem + .2vw),1.15rem);line-height:1.45}#product-practice *,#product-practice *:before,#product-practice *:after{box-sizing:border-box}#product-practice h1,#product-practice h2,#product-practice p{margin-top:0}#product-practice .exercise-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}#product-practice .exercise-statement{display:flex;align-items:center;flex-wrap:wrap;gap:.4em;margin:0;font-size:1.1em;font-weight:750}#product-practice .step-label{margin:0;color:var(--accent);font-size:.86em;font-weight:800;letter-spacing:.02em}#product-practice .task-count{color:var(--text-muted);font-size:.88em;white-space:nowrap}#product-practice .mode-switch{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin:0 0 .65rem}#product-practice .mode-button{min-height:2.1em;padding:.3em .7em;border:1px solid var(--border-color);border-radius:.45em;background:var(--bg-card);color:var(--text-color);font:inherit;font-size:.86em;font-weight:700;cursor:pointer}#product-practice .mode-button.active{border-color:var(--accent);background:var(--accent);color:#fff}#product-practice .card{padding:clamp(.8rem,3vw,1.2rem);border:1px solid var(--border-color);border-radius:.9rem;background:var(--bg-card);box-shadow:0 4px 14px color-mix(in srgb,var(--shadow-color) 45%,transparent)}#product-practice #help-stage:has(.division-guide:not(.hidden)){width:fit-content;max-width:100%;margin-inline:auto}#product-practice .equation{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.55em;min-height:3.5em;margin:.4em 0;font-size:1.35em;font-weight:800}#product-practice [id$=-simplify]{display:contents}#product-practice .equation.initial{padding:.65rem;border-radius:.65rem;background:var(--bg-color)}#product-practice .fraction{display:inline-grid;grid-template-rows:auto 2px auto;justify-items:center;align-items:center;gap:.1em;min-width:2.1em;vertical-align:middle;font-size:.82em}#product-practice .fraction>span:first-child,#product-practice .fraction>span:last-child{padding:0 .2rem}#product-practice .fraction-rule{width:100%;height:2px;background:currentColor}#product-practice .operator{color:var(--accent)}#product-practice .complex-fraction{display:grid;justify-items:center;gap:.25rem;padding:.2rem .5rem}#product-practice .complex-fraction .outer-rule{width:100%;height:2px;background:currentColor}#product-practice .complex-work{min-height:4.5em;padding:.35em;border-radius:.55em;background:var(--bg-color)}#product-practice .complex-work .complex-fraction{gap:.3em}#product-practice .clear-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.3em}#product-practice .clear-row input{width:2.8em}#product-practice .mini-fraction{display:inline-grid;grid-template-rows:auto 2px auto;justify-items:center;align-items:center;gap:.08em;font-size:.82em;line-height:1.1}#product-practice .mini-fraction .mini-rule{width:100%;height:1px;background:currentColor}#product-practice .cancelled-number{color:#b42318;text-decoration:line-through;text-decoration-thickness:2px}#product-practice .cancel-choice{padding:0 .12em;border:0;border-radius:.2em;background:transparent;color:inherit;font:inherit;cursor:pointer}#product-practice .cancel-choice.selected{color:#267450;background:#dff1e6;text-decoration:line-through;text-decoration-thickness:2px}#product-practice .cancelled-product{color:#267450;font-weight:800}#product-practice .hint{margin:.45em 0 .65em;color:var(--text-muted);font-size:.9em}#product-practice .division-guide{display:block;margin-top:.8em;padding:.75em 0 .35em;border-top:1px solid var(--border-color)}#product-practice .division-step{width:fit-content;min-width:0;max-width:100%;padding:.5rem 0}#product-practice .division-step .step-label{min-height:2.6em;margin-bottom:.3em}#product-practice .division-step .feedback{max-width:20rem}#product-practice .division-final-equation{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;white-space:nowrap}#product-practice .division-final-equation .complex-fraction{flex:0 0 auto}#product-practice .primary,#product-practice .secondary{min-height:2.4em;padding:.4em .75em;border:1px solid var(--accent);border-radius:.5em;background:var(--accent);color:#fff;font:inherit;font-size:.9em;font-weight:750;cursor:pointer}#product-practice .secondary{border-color:var(--border-color);background:var(--bg-color);color:var(--text-color)}#product-practice .small{min-height:2.1em;padding:.3em .65em;font-size:.86em}#product-practice .next-step{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--border-color)}#product-practice .answer-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.55em}#product-practice .answer-row label{display:flex;align-items:center;gap:.5em;font-size:.9em;font-weight:700}#product-practice .answer-fraction{display:inline-grid;grid-template-rows:2em 2px 2em;gap:.1em}#product-practice input{width:2.8em;padding:.2em;border:1px solid var(--border-color);border-radius:.4em;background:var(--bg-color);color:var(--text-color);text-align:center;font:inherit}#product-practice input.wrong-answer{border-color:#b42318;background:#fff0ef;color:#a01812;box-shadow:0 0 0 1px #b42318}#product-practice .answer-fraction span{width:100%;height:2px;align-self:center;background:currentColor}#product-practice .factor-fraction{display:grid;justify-items:center;gap:.35rem;margin:.6rem 0;padding:.65rem;border-radius:.65rem;background:var(--bg-color)}#product-practice .factor-row{display:flex;align-items:center;justify-content:center;gap:.45rem;font-size:1.15rem;font-weight:800}#product-practice .factor{display:inline-flex;flex-direction:column;align-items:center;min-width:2rem;padding:.15rem .3rem;border:1px solid var(--border-color);border-radius:.4rem;background:var(--bg-card)}#product-practice .factor.cancelled{color:var(--text-muted)}#product-practice .factor s{text-decoration-color:#d43c46;text-decoration-thickness:2px}#product-practice .factor small{color:#287957;font-size:.68rem;text-decoration:none}#product-practice .factor-rule{width:min(100%,13rem);height:2px;background:currentColor}#product-practice .feedback{display:flex;align-items:center;flex-wrap:wrap;gap:.2em .3em;min-height:1.5em;margin:.65em 0 0;padding:.5em .6em;border-radius:.5em;background:color-mix(in srgb,var(--accent) 9%,var(--bg-card));font-size:.9em}#product-practice .feedback.good{color:#267450;background:#e8f5ed}#product-practice .feedback.bad{color:#a33232;background:#faeaea}#product-practice #check-answer,#product-practice #check-challenge{display:block;margin:.45em auto 0}#product-practice .hidden{display:none!important}#product-practice .final{margin-top:.5rem;color:#287957}@media(max-width:420px){#product-practice .equation{gap:.4rem}#product-practice .answer-row{align-items:center}}