.bf-start-banner{display:flex;align-items:center;justify-content:space-between;gap:32px;background:#e6f2eb;border:1px solid #b9d7c5;border-radius:20px;padding:32px;margin:24px 0 36px}.bf-start-banner h2{font-size:clamp(25px,3vw,36px);margin:10px 0}.bf-start-banner p{max-width:670px;margin-bottom:0;color:#355748}.bf-start-banner>.ac-button{flex-shrink:0;background:#176553;border-color:#176553;color:white}.bf-path-heading{max-width:780px;margin:30px auto;text-align:center}.bf-path-heading h1{font-size:clamp(32px,5vw,48px);line-height:1.15;margin:14px 0}.bf-path-heading p{font-size:19px;color:#51667b;line-height:1.7}.bf-path-next{max-width:940px;margin:30px auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;background:#173e36;color:#fff;border-radius:20px}.bf-path-next small{letter-spacing:.13em;font-size:11px;color:#bde1cd}.bf-path-next h2{font-size:28px;margin:10px 0}.bf-path-next p{color:#d6e9de;margin-bottom:0}.bf-path-next .primary{background:#dfffaa;border-color:#dfffaa;color:#143e33;flex-shrink:0}.bf-how{max-width:940px;margin:30px auto;display:flex;gap:18px;justify-content:space-between;color:#446158}.bf-how span{display:flex;align-items:center;gap:10px}.bf-how b{background:#e3eee8;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.bf-path{list-style:none;margin:32px auto;max-width:940px;padding:0;position:relative}.bf-path:before{content:'';position:absolute;left:43px;top:32px;bottom:32px;width:2px;background:#c9ddd1}.bf-path>li{display:flex;gap:22px;align-items:center;border:1px solid #d5e2da;border-radius:15px;background:#fff;padding:24px;margin-bottom:14px;position:relative}.bf-path-number{width:38px;height:38px;border:1px solid #a3c7b5;border-radius:50%;background:#edf5ef;color:#226550;display:grid;place-items:center;flex-shrink:0;font-weight:750;z-index:1}.bf-path li.done .bf-path-number{background:#176553;color:#fff}.bf-path li>div:first-of-type{flex:1}.bf-path h2{font-size:19px;margin:0 0 8px}.bf-path p{margin:0 0 8px;font-size:15px;line-height:1.5}.bf-path small{font-size:12px;color:#5e746a}.bf-path li .ac-actions{flex-wrap:wrap;max-width:200px;justify-content:flex-end}.bf-path-footer,.bf-review{max-width:940px;margin:30px auto}.bf-path-footer>.ac-button{margin:5px}.bf-path-footer p{color:#607268;font-size:14px}.bf-review{background:#fff7df;border:1px solid #e2ce8f;border-radius:16px;padding:24px}.bf-review h2{margin-top:0}
.bf-worked{border:1px solid #d5e2ea;border-radius:16px;padding:22px;background:#fafcfe;margin:24px 0}.bf-worked-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.bf-worked-heading h2{font-size:16px;margin:0;color:#476582}.bf-worked .sk-example-equation{margin-bottom:0;font-size:clamp(17px,2.5vw,23px);line-height:1.7}.bf-notice{font-size:15px;color:#516681;padding:0 8px;line-height:1.6}.bf-explore,.bf-stuck{border:1px solid #d5e2ea;border-radius:12px;background:#fff;margin-top:22px}.bf-explore>summary,.bf-stuck>summary{padding:18px;cursor:pointer;font-weight:700;line-height:1.5}.bf-explore .sk-experiment{margin:0;border:none}.bf-stuck[open]{padding-bottom:18px}.bf-stuck>p,.bf-stuck>h3,.bf-stuck>.ac-actions{margin-left:20px;margin-right:20px}.bf-stuck p{font-size:15px;color:#52657c;line-height:1.7}.bf-practice-shortcut .ac-button{width:100%}.bf-count-action{display:flex;align-items:center;justify-content:center;gap:16px;margin:12px 0}.bf-count-action span{font-size:14px;max-width:250px;color:#355c4f}.bf-equality{text-align:center;font-size:22px;font-weight:700}.bf-visual{padding:24px 16px;border-radius:12px;background:#eef4fc;text-align:center;overflow:hidden;color:#173354}.bf-visual>p{margin:22px 0 0;font-size:15px;line-height:1.6}.bf-counter{display:inline-grid;place-items:center;flex-shrink:0;width:30px;height:30px;font-size:18px;border-radius:50%;background:#2458c2;color:#fff;font-weight:750;animation:bf-pop .4s both;animation-delay:calc(min(var(--i,0),12)*.06s)}.bf-counter.extra{background:#a9501b}.bf-counter.counted{background:#176553}.bf-counter.taken{background:#f0ece8;color:#75402b;border:2px dashed #946c54;animation:bf-remove .65s both;animation-delay:calc(min(var(--i,0),12)*.04s)}.bf-counter-tray{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;min-height:100px;align-items:center;border:2px solid #c6d6e9;background:white;border-radius:15px;padding:20px;max-width:490px;margin:auto}.bf-counter-tray .bf-counter{width:42px;height:42px}.bf-empty{color:#60708a}.bf-ten-frame{display:grid;grid-template-columns:repeat(5,1fr);width:min(100%,320px);margin:12px auto;border:2px solid #8fa9c7;gap:1px;background:#8fa9c7;border-radius:5px;overflow:hidden}.bf-slot{aspect-ratio:1.2;background:#fff;display:grid;place-items:center;min-width:0}.bf-slot .bf-counter{width:65%;height:auto;aspect-ratio:1}.bf-place{display:flex;justify-content:center;gap:0;max-width:580px;margin:auto}.bf-place>section{width:50%;padding:10px 15px;display:flex;flex-direction:column;gap:16px}.bf-place>section+section{border-left:2px solid #b8cadf}.bf-place b{font-size:15px;letter-spacing:.08em;text-transform:uppercase}.bf-tens{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.bf-ten{display:grid;grid-template-rows:repeat(10,1fr);height:170px;width:17px;background:#135cca;border:1px solid #135cca;gap:1px;animation:bf-pop .5s both}.bf-ten i{background:#6096dc}.bf-ones{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;align-content:flex-start;min-height:35px;max-width:240px;margin:0 auto}.bf-ones i{width:17px;height:17px;background:#6096dc;border:1px solid #135cca}.bf-ones.unbundled{min-height:170px;max-width:350px;align-content:center;margin:auto;gap:14px}.bf-place strong{font-size:16px;margin-top:auto}.bf-line-scroll{width:100%;overflow-x:auto}.bf-line{width:100%;display:block;color:#173354;font-size:15px;max-height:180px}.bf-jump{stroke-dasharray:100;stroke-dashoffset:0;animation:bf-draw .6s both;animation-delay:calc(min(var(--i,0),12)*.25s)}.bf-sharing{display:grid;gap:25px}.bf-pile{padding:16px;background:#fff;border:1px dashed #a3b6ce;border-radius:10px}.bf-pile>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;min-height:25px;margin:14px 0}.bf-pile>span{font-size:13px}.bf-share-trays{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.bf-share-trays>div{padding:15px;background:#fff;border:2px solid #a3b6ce;border-radius:10px;flex:1;min-width:120px;max-width:240px}.bf-share-trays b{font-size:13px;display:block;margin-bottom:14px}.bf-share-trays>div>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;min-height:30px}.bf-share-trays span:not(.bf-counter){font-size:13px;display:block;margin-top:15px}.bf-fraction-bar{display:grid;grid-template-columns:repeat(var(--pieces),1fr);height:85px;max-width:600px;border:2px solid #23436a;margin:12px auto;background:#fff}.bf-fraction-bar>span{display:grid;place-items:center;border-right:1px solid #23436a;font-size:clamp(10px,2vw,17px)}.bf-fraction-bar>span:last-child{border-right:none}.bf-fraction-bar>.filled{background:#2458c2;color:white;animation:bf-pop .5s both}.bf-hundred{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:2px;width:min(100%,340px);margin:12px auto;border:2px solid #23436a;background:#d1dcea}.bf-hundred>i{aspect-ratio:1;background:white}.bf-hundred>i.filled{background:#2a65c8}.bf-hundred>i.filled.tenth{background:#173f8a}.bf-value-cards{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.bf-value-cards>div{border:1px solid #bed0e6;border-radius:10px;background:#fff;padding:18px 22px;min-width:66px;overflow-wrap:anywhere}.bf-value-cards b{font-size:25px;line-height:1.5}.bf-value-cards span{display:block;font-size:14px}.bf-money{display:flex;gap:25px;align-items:center;justify-content:center}.bf-money>div{padding:22px;background:white;border-radius:12px;border:1px solid #bbcee4}.bf-money small{display:block;font-size:14px}.bf-money strong{font-size:32px;display:block;margin-top:12px}
.bf-practice{max-width:800px;margin:30px auto 60px;border:1px solid #cddbee;border-radius:22px;padding:36px;background:#fff;box-shadow:0 10px 35px #19325706}.bf-practice h1{font-size:clamp(24px,3.5vw,34px);line-height:1.4;letter-spacing:-.025em;margin:24px 0 14px}.bf-practice header>p{color:#59718d;line-height:1.65}.bf-practice-progress{display:flex;gap:8px;margin:18px 0}.bf-practice-progress>i{height:5px;flex:1;background:#e5edf7;border-radius:8px}.bf-practice-progress>.done{background:#277d64}.bf-practice-progress>.current{background:#7698e2}.bf-level{display:flex;align-items:center;justify-content:space-between;margin:20px 0;gap:16px;font-size:14px}.bf-level select{font:inherit;color:#173354;background:#f6f9fd;border:1px solid #bfcfe4;border-radius:8px;padding:12px;min-height:44px;max-width:60%}.bf-practice-picture{margin:26px 0}.bf-practice form>label{display:block;font-weight:700;margin:26px 0 12px}.bf-answer-row{display:flex;gap:12px}.bf-answer-row input{font-family:inherit;font-weight:700;font-size:24px;min-width:0;width:100%;max-width:260px;border:2px solid #a8bddd;border-radius:10px;padding:13px 16px;color:#173354;background:#fff}.bf-answer-row input:disabled{background:#f0f5f9}.bf-practice small#bf-input-help{font-size:13px;color:#59718d;display:block;margin:12px 0;line-height:1.5}.bf-help-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.bf-feedback,.bf-hint{background:#fff5dc;border:1px solid #e3cc8d;border-radius:12px;padding:20px;margin:24px 0;line-height:1.7}.bf-feedback p{margin:8px 0}.bf-feedback>span{font-size:14px;color:#6c5d3d}.bf-feedback.correct{background:#eaf5ec;border-color:#b4d9bf;color:#234e3c}.bf-feedback ol,.bf-hint ol{margin-bottom:0;padding-left:24px}.bf-feedback li,.bf-hint li{padding:4px 0}.bf-hint{background:#eef4fc;border-color:#c9d9ed}.bf-next{min-height:50px;margin-bottom:8px}.bf-complete{max-width:800px}.bf-complete p{line-height:1.7;color:#536c61}.bf-set-results{display:flex;gap:16px;margin:28px 0}.bf-set-results>div{background:#edf5ef;border:1px solid #cee0d3;border-radius:12px;padding:22px;flex:1}.bf-set-results>div:nth-child(2){background:#f2f5fb;border-color:#d4dfed}.bf-set-results strong{display:block;font-size:38px}.bf-set-results span{display:block;font-size:14px;margin-top:8px}.bf-next-links{border-top:1px solid #d8e1e9;padding-top:22px;margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}.bf-practice :focus-visible,.bf-path :focus-visible,.bf-worked :focus-visible,.bf-explore>summary:focus-visible,.bf-start-banner :focus-visible{outline:3px solid #245ce0;outline-offset:4px}.sk-tree:not(.single){grid-template-columns:repeat(3,minmax(0,1fr))}.sk-tabs{flex-wrap:wrap}.sk-step-controls{gap:12px}.sk-step-controls>.ac-button{white-space:normal}.bf-practice-shortcut p{line-height:1.6}.sk-lesson-main>.sk-step-controls{padding-bottom:22px}
@keyframes bf-pop{from{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:none}}@keyframes bf-remove{from{transform:translateY(0);background:#2458c2;color:#fff}to{transform:translateY(3px);background:#f0ece8;color:#75402b}}@keyframes bf-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@media(max-width:1000px){.sk-tree:not(.single){grid-template-columns:repeat(2,minmax(0,1fr))}.bf-path>li{flex-wrap:wrap}.bf-path li .ac-actions{max-width:none;margin-left:60px;justify-content:flex-start}.bf-start-banner{align-items:flex-start;flex-direction:column}.bf-how{flex-direction:column}.bf-practice{padding:28px}}
@media(max-width:600px){.bf-path-heading{text-align:left}.bf-start-banner{padding:22px}.bf-path-next{padding:24px;align-items:flex-start;flex-direction:column}.bf-path>li{padding:18px;gap:16px}.bf-path:before{left:37px}.bf-path li>div:first-of-type{min-width:180px}.bf-path li .ac-actions{margin-left:54px}.bf-practice{padding:22px 16px;margin-top:18px;border-radius:14px}.bf-answer-row{flex-direction:column}.bf-answer-row input{max-width:none;min-height:52px}.bf-worked{padding:14px}.bf-worked-heading{align-items:center}.bf-worked-heading .ac-button{padding:10px;font-size:13px}.bf-count-action{flex-direction:column}.bf-visual{padding:20px 10px}.bf-money{gap:12px}.bf-money>div{padding:14px}.bf-tens{gap:5px}.bf-ten{width:14px;height:140px}.bf-place>section{padding:8px}.bf-share-trays>div{min-width:95px;padding:12px 8px}.bf-counter{width:25px;height:25px;font-size:15px}.bf-value-cards>div{padding:14px}.bf-value-cards b{font-size:21px}.bf-level{align-items:center}.bf-level select{font-size:13px}.bf-set-results{gap:10px}.bf-set-results>div{padding:16px}.bf-set-results span{font-size:13px}.sk-tree:not(.single){grid-template-columns:1fr}.sk-step-dots{display:none}}
@media(prefers-reduced-motion:reduce){.bf-counter,.bf-jump,.bf-ten,.bf-fraction-bar>.filled{animation:none!important}.bf-counter.taken{transform:none}}

.bf-crossed{opacity:.5;position:relative;transform:rotate(-8deg)}.bf-crossed:after{content:"";position:absolute;inset:-3px 40%;background:#792f1d;transform:rotate(35deg);width:3px}.bf-ones .bf-crossed:after{inset:-4px auto -4px 45%}.bf-exchange-caption{font-weight:700}

.bf-optional-basics{max-width:940px;margin:28px auto}.bf-place-table-wrap{overflow-x:auto}.bf-place-table{width:100%;border-collapse:collapse;font-size:16px;text-align:center}.bf-place-table caption{font-weight:700;margin-bottom:16px}.bf-place-table th,.bf-place-table td{padding:14px 10px;border:1px solid #b4c9df;background:#fff}.bf-place-table thead th{background:#dce9f6;font-size:14px}.bf-place-table tbody th{font-size:14px;text-align:left}.bf-place-table tbody td{font-size:24px;font-weight:700}.bf-place-table tbody tr:last-child>*{background:#e1f1e8}.bf-place-table th:first-child{min-width:110px}@media(max-width:600px){.bf-place-table th,.bf-place-table td{padding:10px 6px}.bf-place-table thead th,.bf-place-table tbody th{font-size:12px}.bf-place-table th:first-child{min-width:80px}}