.division-example{padding-bottom:94px}.division-intro{border-top:1px solid #c9d8ce;padding-top:58px;display:flex;gap:60px;align-items:flex-end;justify-content:space-between;margin-bottom:31px}.division-intro .eyebrow{color:var(--forest);margin-bottom:16px;font-size:9px}.division-intro h2{font-size:44px;line-height:1.12}.division-intro>p{font-size:14px;line-height:1.85;max-width:375px;color:#506756;padding-bottom:2px}.division-card{background:#fff;border:1px solid #d2e0d6;border-radius:12px;overflow:hidden;box-shadow:0 14px 30px #14234b06}.division-steps{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0 30px;list-style:none;border-bottom:1px solid #d6e2da;background:#f5f8f5}.division-steps li{padding:22px 10px 19px;border-bottom:3px solid transparent;font-size:12px;color:#566b5e;display:flex;gap:12px;align-items:center}.division-steps li>span{font-size:10px;color:#617c69}.division-steps li[aria-current=step]{border-color:var(--forest);color:var(--navy);font-weight:600}.division-steps li.complete{color:var(--forest)}.division-workspace{display:grid;grid-template-columns:1.65fr 1fr;align-items:start;gap:0}.division-visual{padding:29px 20px 27px 27px}.division-diagram-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 5px 14px;color:var(--navy);font-size:12px;font-weight:500}.division-machine-tag{font-size:9px;color:#536c5b;font-weight:400}.division-visual>svg{display:block;width:100%;height:auto;overflow:visible}.division-cup{transition:transform .35s ease,opacity .35s ease}.division-cup.unpicked{opacity:.38}.division-cup.picked{filter:drop-shadow(0 8px 6px #315a421a)}.division-cup-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:5px 34px 0}.division-cup-buttons button{border:1px solid #a6c0b0;background:#edf4ee;border-radius:5px;padding:12px 6px;font-size:12px;line-height:1.4;color:var(--forest);min-height:64px}.division-cup-buttons button>span{display:block;font-size:8px;margin-top:5px;color:#526b5a}.division-cup-buttons button:disabled{cursor:default;background:#fff;border-color:transparent;color:#566b5e}.division-cup-buttons button:disabled>span{visibility:hidden}.division-cup-buttons button.picked{background:var(--forest);color:#fff;border-color:var(--forest)}.division-cup-buttons button.picked>span{color:#fff}.division-cup-buttons button:not(:disabled):hover{box-shadow:0 0 0 2px #cadccf}.division-visual-note{font-size:10px;line-height:1.8;color:#536c5b;text-align:center;margin:17px 0 0}.division-story{padding:35px 30px 28px;background:#f5f8f6;border-left:1px solid #e0e9e3;align-self:stretch}.division-story>.eyebrow{color:#41674e;font-size:8px;letter-spacing:1px;line-height:1.7;margin-bottom:15px}.division-story>h3{font-family:var(--serif);font-size:30px;font-weight:400;color:var(--navy);line-height:1.15;letter-spacing:-.5px;margin-bottom:17px}.division-story>p:not(.eyebrow){font-size:12px;color:#506756;line-height:1.9}.division-actions{display:flex;flex-direction:column;align-items:stretch;gap:11px;margin-top:24px}.division-actions .primary{font-size:12px;padding:13px 16px;min-height:45px;justify-content:space-between}.division-actions .primary:disabled,.division-round:disabled{opacity:.55;cursor:default;transform:none}.division-round{display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;border:1px solid #b9cfbf;color:var(--forest);padding:12px 16px;border-radius:4px;font-size:12px;min-height:43px}.division-reset{border:0;background:none;padding:6px 0;align-self:flex-start;font-size:10px;color:#526b5a;text-decoration:underline;text-underline-offset:4px;min-height:34px}.division-story>.division-status{margin-top:17px;font-size:10px!important;line-height:1.8!important;min-height:36px;color:#536c5b}.division-answer{border-top:1px solid #c9d8ce;margin-top:21px;padding-top:19px}.division-inspect{display:flex;align-items:center;gap:10px}.division-inspect>svg{width:132px;height:auto;flex-shrink:0}.division-inspect>div{display:flex;flex-direction:column;gap:3px}.division-inspect strong{font-family:var(--serif);font-size:59px;line-height:1;color:var(--forest);font-weight:400}.division-inspect>div>span{font-size:10px;line-height:1.8;color:#526b5a}.division-answer-line{font-size:13px;line-height:1.9;color:var(--navy);text-align:center;margin-top:9px}.division-equation{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin:21px 0 13px;color:var(--navy);font-family:var(--serif);font-size:31px}.division-fraction{display:flex;flex-direction:column;text-align:center;min-width:94px}.division-fraction>span{padding:3px 8px;white-space:nowrap}.division-fraction>span:first-child{border-bottom:3px solid var(--navy);padding-bottom:8px}.division-fraction>span+span{padding-top:8px}.division-equation small{font-family:var(--sans);font-size:10px;line-height:1.6}.division-result{color:var(--forest);text-align:center}.division-result small{display:block;max-width:64px}.division-equals{font-size:25px;color:#526b5a}.division-symbols{text-align:center;font-size:16px;color:var(--forest);font-family:var(--serif);margin:16px 0 0}.division-bottom-note{background:#edf3ee;border-top:1px solid #dce7df;padding:17px 25px;text-align:center;font-size:11px;color:#506756;line-height:1.8}
@media(max-width:1100px){.division-workspace{grid-template-columns:1.55fr 1fr}.division-story{padding:29px 23px}.division-visual{padding:25px 17px}.division-story>h3{font-size:27px}.division-intro h2{font-size:40px}.division-steps{padding:0 22px}.division-cup-buttons{padding-left:22px;padding-right:22px;gap:8px}.division-machine-tag{font-size:8px}.division-inspect>svg{width:110px}.division-equation{gap:12px}}
@media(max-width:850px){.division-workspace{grid-template-columns:1fr}.division-visual{padding:29px 30px 24px}.division-story{border-left:0;border-top:1px solid #e0e9e3;padding:29px 30px}.division-story>.eyebrow{font-size:9px}.division-story>h3{font-size:31px}.division-story>p:not(.eyebrow){font-size:13px}.division-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.division-reset{grid-column:1/-1;justify-self:start}.division-answer{max-width:420px;margin-left:auto;margin-right:auto}.division-inspect{justify-content:center;gap:18px}.division-inspect>svg{width:145px}.division-intro{gap:35px}.division-intro>p{font-size:13px;max-width:300px}.division-steps li{font-size:11px;gap:8px}.division-diagram-heading{font-size:13px}.division-machine-tag{font-size:10px}.division-cup-buttons{padding-left:32px;padding-right:32px}.division-cup-buttons button{font-size:13px}.division-cup-buttons button>span{font-size:10px}.division-visual-note{font-size:11px}}
@media(max-width:680px){.division-example{padding-bottom:61px}.division-intro{display:block;padding-top:39px;margin-bottom:27px}.division-intro h2{font-size:39px}.division-intro>.eyebrow,.division-intro .eyebrow{font-size:8px;letter-spacing:1px}.division-intro>p{font-size:13px;margin-top:20px;max-width:none}.division-steps{padding:0 10px;gap:6px}.division-steps li{font-size:10px;padding:16px 4px 14px;gap:7px;line-height:1.5;align-items:flex-start;flex-direction:column}.division-steps li>span{font-size:9px}.division-visual{padding:22px 8px 20px}.division-diagram-heading{display:block;text-align:center;font-size:13px;padding:0 5px 12px}.division-machine-tag{display:block;font-size:10px;margin-top:5px}.division-cup-buttons{padding:3px 10px 0;gap:7px}.division-cup-buttons button{padding:9px 4px;font-size:11px;min-height:63px}.division-cup-buttons button>span{font-size:8px;line-height:1.6}.division-story{padding:26px 23px}.division-story>h3{font-size:29px}.division-story>p:not(.eyebrow){font-size:12px}.division-actions{display:flex;gap:11px}.division-actions .primary,.division-round{font-size:12px;min-height:46px}.division-reset{font-size:11px}.division-inspect>svg{width:132px}.division-equation{gap:17px}.division-bottom-note{font-size:10px;padding:17px 20px}.division-story>.division-status{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.division-cup{transition:none}}

.division-final{display:flex;flex-basis:100%;align-items:center;justify-content:center;gap:16px}.division-final .division-result{display:flex;align-items:baseline;gap:8px}.division-final .division-result small{max-width:none}

.division-cup-hit{fill:transparent;stroke:transparent;pointer-events:all}.division-cup[aria-disabled="false"]{cursor:pointer}.division-cup[aria-disabled="false"]:is(:hover,:focus-visible){opacity:1;outline:none}.division-cup[aria-disabled="false"]:is(:hover,:focus-visible) .division-cup-hit{stroke:var(--forest);stroke-width:2.5;stroke-dasharray:5 5}