.bf{--bf-ink:#163e35;--bf-paper:#f6edda;--bf-orange:#b74d21;width:calc(100% - 36px);max-width:1480px;margin:32px auto 55px;color:var(--bf-ink);font:18px/1.65 Arial,sans-serif}.bf,.bf *{box-sizing:border-box}.bf [hidden]{display:none!important}.bf-frame{padding:clamp(25px,4vw,56px);margin-bottom:34px;border:2px solid var(--bf-ink);box-shadow:8px 9px #153e3538;background:var(--bf-paper)}.bf :is(h1,h2,h3){font-family:var(--mmos-font-display,Oswald,Impact,sans-serif);font-weight:700;line-height:1.12;text-transform:uppercase;color:inherit;letter-spacing:-.015em;text-shadow:none;margin:0 0 24px}.bf h1{font-size:clamp(45px,5.8vw,80px)}.bf h2{font-size:clamp(34px,4vw,54px)}.bf h3{font-size:26px}.bf :is(h1,h2) em{display:inline-block;font:italic 500 .72em/1.2 Georgia,serif;text-transform:none;margin-top:12px}.bf p{margin:0 0 22px}.bf a{color:inherit;text-underline-offset:4px;font-weight:700}.bf a:hover{text-decoration-thickness:3px}.bf :is(a,button):focus-visible{outline:3px solid #c35420;outline-offset:5px}.bf .bf-cover{color:#fff2db;background:linear-gradient(100deg,#153e35f5,#153e35bc),url('/wp-content/uploads/2025/05/46a02cfb-8ecd-478a-9a84-49ffbbef9a73.png.webp') center/cover}.bf-folio{display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #eac78c60;font:700 12px/1.6 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.05em}.bf .bf-kicker{font:700 12px/1.5 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#a33e1b}.bf .bf-cover .bf-kicker{color:#efc780;margin-top:32px}.bf-lead{max-width:850px;font-size:clamp(19px,2vw,23px)}.bf-notice{padding:22px 25px;background:#f6edda;color:#163e35;border-left:6px solid #d35b23;box-shadow:6px 7px #082c2599;max-width:990px}.bf-notice a{display:inline-block}.bf-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:32px 0 20px}.bf-controls button,.bf-button{border:2px solid #163e35;padding:16px 18px;font:700 18px/1.35 Arial,sans-serif;min-height:56px;background:#e7dcc2;color:#163e35;border-radius:0;box-shadow:4px 5px #163e3533;cursor:pointer}.bf-controls button[aria-pressed=true],.bf-button{background:#b74d21;color:#fff4df}.bf-controls button:hover{background:#163e35;color:#fff4df}.bf .bf-button{display:inline-flex;align-items:center;text-decoration:none;border-color:#163e35}.bf .bf-button:hover{background:#913b18}.bf-model{margin:24px 0 0;background:#eee4cc;border:1px solid #99a28a}.bf-model svg{width:100%;height:auto;display:block;font-family:Arial,sans-serif}.bf-model figcaption{padding:16px 24px;border-top:1px solid #99a28a;font-size:14px;line-height:1.6}.bf-flow-reverse,.bf-separated{display:none}.bf-model[data-state=reverse] .bf-flow-normal,.bf-model[data-state=gap] .bf-connected{display:none}.bf-model[data-state=reverse] .bf-flow-reverse,.bf-model[data-state=gap] .bf-separated{display:inline}.bf-explanation{padding:28px;background:#163e35;color:#fff2db;border-bottom:5px solid #bc5123;margin-bottom:24px;min-height:160px}.bf-explanation h3{color:#efc780}.bf-explanation p{margin:0;max-width:970px}.bf .bf-note{font-size:16px;line-height:1.7;margin:22px 0 0}.bf-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:30px 0}.bf-cards>div{border-top:4px solid #b74d21;padding:25px 22px;background:#ebe0c8;box-shadow:5px 6px #163e3520}.bf-cards p{margin-bottom:12px}.bf-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 30px;margin:26px 0}.bf-help{scroll-margin-top:100px}.bf-lesson>p{max-width:1050px}
.bf .bf-button{color:#fff4df}
.bf-controls{grid-template-columns:repeat(2,1fr)}
.bf-explorer{border:1px solid #8d987f;background:#eee4cc;margin-top:28px}
.bf-explorer .bf-controls{margin:0;padding:18px;border-bottom:1px solid #8d987f}
.bf-tools,.bf-parts{display:flex;flex-wrap:wrap;gap:10px;padding:15px 18px;background:#e6dbc1}
.bf :is(.bf-tools,.bf-parts) button{border:1px solid #163e35;border-radius:0;background:#163e35;color:#fff0d8;min-height:44px;padding:12px 16px;font:700 16px/1.3 Arial,sans-serif;cursor:pointer;box-shadow:3px 4px #163e3529}
.bf :is(.bf-tools,.bf-parts) button[aria-pressed=true]{background:#b74d21}
.bf :is(.bf-tools,.bf-parts) button:hover{background:#345b4e}
.bf-stage{position:relative;width:100%;height:clamp(400px,44vw,600px);overflow:hidden}
.bf-stage canvas{display:block;width:100%;height:100%}
.bf-model-status{position:absolute;inset:35% 15%;font-size:18px;text-align:center;pointer-events:none}
.bf .bf-model-caption{padding:14px 20px;margin:0;background:#163e35;color:#fff0d8;font-size:15px}
.bf-explorer .bf-explanation{margin:0;padding:26px;min-height:0}
.bf-part-notes{padding:26px}.bf-part-notes p{margin-bottom:0}
.bf.bf-expanded{max-width:1680px;width:96vw;height:94vh;max-height:94vh;margin:auto;padding:18px;border:3px solid #163e35;background:#f6edda;overflow:auto;color:#163e35}
.bf.bf-expanded::backdrop{background:#07291de0}.bf-expanded .bf-stage{height:57vh;min-height:340px}
.bf-stage:focus-visible{outline:3px solid #b74d21;outline-offset:-4px}
@media(max-width:700px){.bf{width:calc(100% - 26px);margin-top:20px;font-size:17px}.bf-frame{padding:25px 20px;margin-bottom:25px;box-shadow:5px 6px #153e3538}.bf-folio{display:block}.bf-folio span{display:block;margin-top:8px}.bf h1{font-size:44px}.bf h2{font-size:35px}.bf-controls{grid-template-columns:1fr;gap:9px;margin-top:24px}.bf-controls button{text-align:left;font-size:16px;padding:13px;min-height:48px}.bf-model{margin-left:-14px;margin-right:-14px}.bf-model figcaption{padding:13px;font-size:13px}.bf-explanation{padding:22px 18px;min-height:0}.bf-cards{grid-template-columns:1fr;gap:20px}.bf-notice{padding:18px}.bf-actions{align-items:stretch;flex-direction:column}.bf :is(h1,h2) em{font-size:.75em}}