.bee-fitted-selection{text-align:center;font-size:11px;line-height:1.6;color:var(--muted);margin:5px 0!important}.bee-fitted-status{text-align:center;font-size:14px;line-height:1.6;font-weight:550;margin:8px 0 14px!important}.bee-fitted-observed{text-align:center;font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px!important}.bee-fitted-observed:empty{display:none}.bee-probability-vector[aria-busy=true]{opacity:.5}

.bee-location-stage .bee-position-intuition{border-top:0;padding-top:0}

/* Disclosure dividers reach the containing module's edges. */
.bee-computation .bee-stage{--bee-module-inset:22px}
.bee-stage .decision-explanation{position:relative;border-top:0}
.bee-stage .decision-explanation:before{content:"";position:absolute;top:0;left:calc(-1 * var(--bee-module-inset));right:calc(-1 * var(--bee-module-inset));border-top:1px solid var(--line);pointer-events:none}
@media(max-width:760px){.bee-computation .bee-stage{--bee-module-inset:16px}}

.bee-kernel-axes{display:block;width:100%;height:76px;overflow:visible}.bee-kernel-axes .bee-axis-stem{fill:none;stroke:var(--muted);stroke-width:3}.bee-kernel-axes .bee-axis-head{fill:var(--muted);stroke:none}.bee-kernel-axes text{font:12px var(--font);fill:var(--muted)}

:root .bee-surface .bee-stage details.decision-explanation{border-top:0}

.bee-readout-meta{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bee-readout-return{height:60px!important}
.bee-readout-return:before{height:20px!important}
.bee-readout-return>.bee-arrow{top:20px!important;height:36px!important}
.bee-conditional-label{margin-top:8px!important}
.bee-recorded-patch{max-width:440px;margin:20px auto}
.bee-recorded-patch>svg{display:block;width:100%;height:auto}
.bee-recorded-patch text{fill:currentColor;font:11px sans-serif}
.bee-recorded-patch figcaption,.bee-term-method{font-size:12px;line-height:1.6;color:var(--muted)}
.bee-term-row{display:grid;grid-template-columns:100px 1fr 56px;align-items:center;gap:12px;margin:12px 0;opacity:.5;font-size:13px}
.bee-term-row[data-active=true]{opacity:1}
.bee-term-track{height:14px;background:color-mix(in srgb,currentColor 8%,transparent);border-radius:3px;overflow:hidden}
.bee-term-track i{display:block;height:100%;background:var(--accent,#a18259)}
.bee-term-toggle{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:14px}
.bee-term-measure{font-size:13px;font-weight:600;margin-top:20px}
.bee-term-active{font-size:14px}
.bee-use-example{font:inherit;font-size:12px;padding:7px 12px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:6px;background:transparent;color:inherit;cursor:pointer}
.bee-calc-control{display:flex;align-items:center;gap:12px;font-size:14px;margin:20px 0}
.bee-calc-control select{font:inherit;color:inherit;background:var(--surface,#fff);padding:6px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:5px}
.bee-real-calculation p{font-variant-numeric:tabular-nums;margin:8px 0;font-size:14px}
@media(max-width:640px){.bee-readout-return{height:44px!important}.bee-readout-return>.bee-arrow{top:0!important;height:40px!important}.bee-term-row{grid-template-columns:86px 1fr 48px;gap:8px}}


/* Interactions use a consistent rhythm between explanation, diagram and controls. */
.bee-combine-stage .bee-stage-copy{margin-bottom:28px!important}
.bee-combine-stage .bee-combine-core{margin:0 auto 32px}
.bee-combine-stage .bee-operation p{margin:14px auto 0!important;max-width:34ch;line-height:1.65}
.bee-combine-stage .bee-vector-node{padding-top:18px;padding-bottom:18px}
.bee-combine-stage .bee-vector-node>.bee-vector{margin-top:14px;margin-bottom:14px}
.bee-combine-stage .bee-real-interaction>.model-disclosure-body{padding-top:8px;padding-bottom:24px}
.bee-combine-stage .bee-real-interaction>.model-disclosure-body>p:first-child{margin:12px 0 24px!important;line-height:1.7}
.bee-combine-stage .bee-recorded-patch{margin:24px auto 20px}
.bee-example-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 28px}
.bee-observed-label{font-size:12px;color:var(--muted)}
.bee-observed-label strong{color:var(--ink);font-weight:550}
.bee-combine-stage .bee-use-example{padding:10px 14px;min-height:40px;flex-shrink:0}
.bee-combine-stage .bee-term-toggle{margin:0 0 24px;gap:10px;line-height:1.6}
.bee-combine-stage .bee-term-toggle input{width:16px;height:16px;flex-shrink:0}
.bee-combine-stage .bee-term-measure{margin:0 0 18px!important}
.bee-combine-stage .bee-term-row{margin:16px 0;gap:14px}
.bee-combine-stage .bee-term-active{margin:22px 0 0!important;font-weight:550}
[data-real-interaction=within] .bee-term-track i{background:#cc78bc}
[data-real-interaction=cross] .bee-term-track i{background:#029e73}
@media(max-width:640px){.bee-example-toolbar{gap:12px;flex-wrap:wrap}.bee-combine-stage .bee-term-row{gap:8px}.bee-combine-stage .bee-combine-core{margin-bottom:28px}}

.bee-example-inputs{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:8px;margin:28px 0 20px}
.bee-example-local{max-width:380px;margin:28px auto 20px}
.bee-example-scene{margin:0;min-width:0}
.bee-example-scene figcaption{font-size:12px;font-weight:550;text-align:center;margin-bottom:8px}
.bee-example-scene canvas{display:block;width:100%;height:220px;touch-action:none;cursor:grab;border-radius:8px}
.bee-example-scene canvas:active{cursor:grabbing}
.bee-example-scene canvas:focus-visible{outline:2px solid var(--bee-location);outline-offset:3px}
.bee-example-times{font-size:22px;text-align:center;color:var(--muted)}
@media(max-width:480px){.bee-example-inputs{gap:2px;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)}.bee-example-inputs canvas{height:170px}.bee-example-local canvas{height:220px}.bee-example-times{font-size:18px}}

.bee-example-scene canvas{transition:opacity .2s ease}.bee-example-scene canvas.bee-term-muted{opacity:.18}
@media(prefers-reduced-motion:reduce){.bee-example-scene canvas{transition:none}}

.bee-example-inputs{position:relative}
.bee-interaction-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}
.bee-interaction-connections path{fill:none;stroke:var(--bee-location);stroke-width:1.1;opacity:.65}
.bee-example-times{visibility:hidden}

.bee-kernel-axes{height:92px}.bee-kernel-axes .bee-front-back-axis{font-size:10px;opacity:.75}
