.bw-lesson{max-width:1100px;margin:auto;color:#143c59}.bw-lesson h1{font-size:clamp(18px,3vw,25px);text-align:center;margin:3px}.bw-controls,.bw-navigation,.bw-choices{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;margin:5px 0}.bw-lesson label{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.bw-lesson button,.bw-lesson select,.bw-lesson input{font:inherit}.bw-lesson button{border:2px solid #075bb6;background:#e4f1ff;color:#064278;padding:6px 10px;font-weight:800;cursor:pointer}.bw-lesson button:disabled{opacity:.45;cursor:not-allowed}.bw-lesson button:focus-visible{outline:3px solid #a75e00;outline-offset:2px}.bw-board{border:2px solid #486d87;padding:6px;background:#fff}.bw-story{font-size:14px;font-weight:700;text-align:center;line-height:1.5;margin:4px}.bw-route{display:grid;grid-template-columns:repeat(var(--bw-count),minmax(0,1fr));align-items:center;gap:4px;margin:7px 0}.bw-route [data-value]{background:#e2efff;border:2px solid #366a99;padding:4px 1px;text-align:center}.bw-route small{display:block;font-size:11px}.bw-route b{display:block;font-size:25px;font-weight:900;color:#075bb6}.bw-route [data-route-op]{display:grid;text-align:center;justify-items:center;color:#ac0b56;font-weight:900;font-size:20px}.bw-route [data-route-op] span{font:900 22px system-ui;color:#173950}.bw-route .bw-active{outline:3px solid #bc7600;background:#fff0b8}.bw-caption{font-weight:800;color:#643a00;background:#fff0b5;border:1px solid #ac6900;padding:5px;margin:5px 0;line-height:1.5;text-align:center;min-height:3em}.bw-operation{font-weight:900;color:#ae0d58;text-align:center;font-size:18px;margin:4px}.bw-model svg{display:block;width:100%;max-height:240px}.bw-model rect{stroke:white;stroke-width:1}.bw-model-note{margin:2px 0;text-align:center;font-size:13px;font-weight:700}.bw-equation{font-weight:900;font-size:clamp(25px,4vw,36px);text-align:center;color:#075bb6;min-height:40px;margin:4px}.bw-answer{padding:5px;border:2px solid #007345;background:#d6ffeb;color:#005737;font-weight:900;font-size:22px;text-align:center}.bw-question{background:#fff0bf;border:3px solid #a75c00;padding:9px;margin:5px 0;text-align:center}.bw-question strong{font-size:18px}.bw-choices button{background:white;min-height:40px}.bw-question p{font-weight:800;color:#815000}.bw-lesson form{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.bw-lesson form label{width:100%}.bw-lesson form input{width:70px}.bw-lesson form small{display:block}.bw-lesson [hidden]{display:none!important}
@media(max-width:500px){.bw-story{font-size:12px}.bw-caption{font-size:12px}.bw-route{gap:3px}.bw-route small{font-size:9px}.bw-route b{font-size:22px}.bw-route [data-route-op]{font-size:15px}.bw-operation{font-size:15px}.bw-model-note{font-size:12px}.bw-controls label{font-size:12px}.bw-equation{font-size:26px;min-height:32px}.bw-choices{gap:4px}.bw-choices button{font-size:13px}}
@media(max-height:500px) and (min-width:650px){.bw-model svg{max-height:125px}.bw-story{font-size:11px;margin:2px}.bw-caption{min-height:0;font-size:12px;margin:2px}.bw-route{margin:3px}.bw-route b{font-size:21px}.bw-operation{font-size:13px;margin:2px}.bw-model-note{font-size:11px}.bw-equation{font-size:24px;min-height:28px;margin:2px}}