.bb-experiment{--bb-ink:#deeaec;--bb-muted:#adbec5;--bb-gold:#e0bd7e;color:var(--bb-ink);background:radial-gradient(at 29% 35%,#244451 0%,#142e3b 47%,#102631 100%);border-radius:24px;font-size:16px;line-height:1.6;overflow:hidden}.bb-heading{align-items:center;gap:20px;padding:24px 28px 0;display:flex}.bb-heading>span:first-child{color:var(--bb-gold);white-space:nowrap;font-weight:650}.bb-heading p{margin:0;font-size:16px}.bb-fixed{color:var(--bb-muted);white-space:nowrap;margin-left:auto;font-size:16px}.bb-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);align-items:stretch;gap:12px;padding:12px 26px 20px;display:grid}.bb-object{flex-direction:column;min-width:0;display:flex;position:relative}.bb-object>.bb-studio{height:500px;background:0 0!important;min-height:0!important}.bb-studio .studio-canvas,.bb-studio .studio-fallback{height:100%;min-height:0!important}.bb-studio .studio-fallback{place-items:center;display:grid}.bb-studio canvas{display:block}.bb-flat{width:100%;height:100%;max-height:360px;display:block}.bb-object-legend{color:var(--bb-muted);justify-content:center;align-items:center;gap:22px;margin-top:auto;font-size:16px;display:flex}.bb-object-legend span{align-items:center;gap:8px;display:flex}.bb-object-legend i{background:var(--bb-gold);border-radius:50%;width:10px;height:10px;display:inline-block}.bb-inspection{border-left:1px solid #b2c9d21a;align-self:center;min-width:0;padding:22px 14px 12px 22px}.bb-eyebrow{color:var(--bb-muted);letter-spacing:.02em;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;font-size:16px;display:flex}.bb-eyebrow span{font-variant-numeric:tabular-nums;color:var(--bb-gold)}.bb-inspection h3{letter-spacing:-.025em;margin:0 0 12px;font-size:clamp(20px,2.1vw,27px);font-weight:500;line-height:1.45}.bb-inspection-image>svg{width:100%;height:auto;max-height:285px;display:block}.bb-inspection svg text{fill:#d6e4e9;font-family:inherit;font-size:17px}.bb-inspection svg .bb-svg-muted{fill:#e1c58c}.bb-observation{min-height:54px;margin:10px 0 0;font-size:16px;line-height:1.7}.bb-path{flex-wrap:wrap;gap:5px 10px;margin:14px 0 0;font-size:16px;list-style:none;display:flex;padding:0!important}.bb-path li{align-items:center;gap:10px;display:flex;margin:0!important}.bb-path li+li:before{content:"→";color:#7797a6}.bb-speed-pair{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.bb-speed-pair p{flex-direction:column;margin:0;display:flex}.bb-speed-pair strong{font-variant-numeric:tabular-nums;color:#e6c98b;font-size:29px;font-weight:450}.bb-speed-pair span{color:var(--bb-muted);font-size:16px}.bb-fine{color:var(--bb-muted);margin:10px 0 0;font-size:16px;line-height:1.6}.bb-speed-pair>.bb-fine{grid-column:1/-1;margin-top:12px}.bb-load-strip{flex-wrap:wrap;align-items:center;gap:14px;font-size:16px;display:flex}.bb-load-strip i{background:#58758460;border-radius:9px;flex:1;min-width:60px;height:5px;overflow:hidden}.bb-load-strip b{background:#edbd79;border-radius:9px;height:100%;display:block}.bb-contact-pair{grid-template-columns:1fr;gap:8px;display:grid}.bb-contact-pair>div{grid-template-columns:100px minmax(0,1fr);align-items:center;display:grid}.bb-contact-pair p{color:var(--bb-gold);margin:0;font-size:16px}.bb-contact-pair svg{width:100%;height:auto;max-height:180px}.bb-losses ol{gap:4px;margin:0;list-style:none;display:grid;padding:0!important}.bb-losses li{color:#89a3af;padding:3px 0;font-size:16px;margin:0!important}.bb-losses li[data-active=true]{color:#f0ce92}.bb-losses li:before{content:"·";padding-right:10px}.bb-losses li[data-active=true]:before{content:"→"}.bb-contact-pair>div{grid-template-columns:1fr}.bb-contact-pair svg{max-height:225px}.bb-contact-pair svg text{font-size:22px}.bb-explore{border-top:1px solid #afc9d326;gap:18px;padding:24px 28px;display:grid}.bb-explore-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.bb-explore h3{margin:0;font-size:20px;font-weight:500}.bb-explore .btn,.bb-choices button{color:#e1ebed;box-shadow:none;min-height:44px;font:inherit;cursor:pointer;background:#7799a21c;border:1px solid #8aa5b44a;border-radius:12px;padding:8px 14px}.bb-choices{flex-wrap:wrap;gap:8px;display:flex}.bb-choices button[aria-pressed=true]{color:#f0ce92;background:#bea27328;border-color:#d2b77f}.bb-range{gap:6px;font-size:16px;display:grid}.bb-range>span{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.bb-range output{color:#d4be95;font-variant-numeric:tabular-nums}.bb-range input{accent-color:#dabc81;cursor:pointer;width:100%;min-width:0;height:44px;margin:0;display:block}.bb-load-controls{grid-template-columns:1fr auto;align-items:center;gap:24px;display:grid}.bb-assumptions{color:var(--bb-muted);padding:0 28px 22px}.bb-assumptions summary{cursor:pointer;align-items:center;min-height:44px;font-size:16px;list-style:none;display:flex}.bb-assumptions summary:before{content:"+";color:var(--bb-gold);margin-right:10px}.bb-assumptions[open] summary:before{content:"−"}.bb-assumptions p{max-width:74ch;font-size:16px;line-height:1.8}.bb-experiment button:focus-visible,.bb-experiment input:focus-visible,.bb-experiment summary:focus-visible{outline-offset:4px;outline:2px solid #f0d8a6}@media (max-width:760px){.bb-experiment[data-focus=sliding] .bb-object{display:none}.bb-heading{grid-template-columns:1fr auto;gap:6px 10px;padding:20px 18px 0;display:grid}.bb-heading p{grid-area:2/1/auto/-1}.bb-fixed{font-size:16px}.bb-layout{grid-template-columns:1fr;gap:12px;padding:0 16px 20px}.bb-object>.bb-studio{height:350px}.bb-inspection{box-sizing:border-box;border-top:1px solid #b2c9d21a;border-left:0;width:100%;padding:18px 2px 0}.bb-inspection h3{font-size:23px}.bb-inspection-image>svg{max-height:260px}.bb-object-legend{flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:16px}.bb-inspection-image{max-width:360px;margin:0 auto}.bb-inspection svg text{font-size:18px}.bb-inspection-image .bb-flat{max-height:280px}.bb-contact-pair>div{grid-template-columns:1fr}.bb-contact-pair{grid-template-columns:1fr;gap:22px}.bb-contact-pair svg{max-height:250px}.bb-contact-pair svg text{font-size:18px}.bb-contact-pair p{margin:0 0 4px}.bb-explore{padding:20px 18px}.bb-explore-head{flex-wrap:wrap;align-items:flex-start}.bb-explore h3{font-size:20px}.bb-load-controls{grid-template-columns:1fr;gap:12px}.bb-assumptions{padding:0 18px 18px}.bb-speed-pair{gap:0 10px}.bb-choices button{flex:120px}.bb-path,.bb-path li{gap:6px}.bb-observation{min-height:0}}@media (max-width:360px){.bb-object>.bb-studio{height:318px}.bb-layout{padding-left:12px;padding-right:12px}.bb-inspection h3{font-size:21px}.bb-object-legend{flex-direction:column;align-items:flex-start;gap:4px}}@media (prefers-reduced-motion:reduce){.bb-experiment *{transition:none!important;animation:none!important}}@media (max-width:760px){.bb-experiment[data-mode=watch] .bb-heading p{display:none}.bb-experiment[data-mode=watch] .bb-object>.bb-studio{height:246px}.bb-experiment[data-mode=watch] .bb-object-legend{flex-direction:row;align-items:center;gap:10px}.bb-experiment[data-mode=watch] .bb-eyebrow{display:none}.bb-experiment[data-mode=watch] .bb-inspection{padding-top:12px}}.bb-object .studio-mode{min-height:44px;font-size:16px}@media (max-width:760px){.bb-experiment[data-mode=watch]{flex-direction:column;min-height:550px;display:flex}.bb-experiment[data-mode=watch] .bb-heading{padding-top:18px}.bb-experiment[data-mode=watch] .bb-layout{flex:1;align-content:center;gap:10px;padding:12px 16px}.bb-experiment[data-mode=watch] .bb-object>.bb-studio{height:310px}.bb-experiment[data-mode=watch] .bb-object-legend{flex-wrap:wrap;margin-top:8px;font-size:16px}.bb-experiment[data-mode=watch] .bb-inspection{border:0;align-self:stretch;padding:0}.bb-experiment[data-mode=watch] .bb-inspection h3{margin-bottom:14px;font-size:23px;line-height:1.35}.bb-experiment[data-mode=watch] .bb-inspection-image{max-width:320px}.bb-experiment[data-mode=watch] .bb-inspection-image>svg{max-height:275px}.bb-experiment[data-mode=watch] .bb-inspection svg text{font-size:21px}.bb-experiment[data-mode=watch] .bb-fine,.bb-experiment[data-mode=watch] .bb-observation{font-size:16px;line-height:1.55}.bb-experiment[data-mode=watch] .bb-losses li:not([data-active=true]){display:none}.bb-experiment[data-mode=watch] .bb-assumptions{margin-top:auto;padding:0 18px 12px}.bb-experiment[data-mode=watch] .bb-speed-pair{margin-top:12px}.bb-watch-path{justify-content:center;margin:10px 0 0}.bb-contact-compact{grid-template-columns:1fr 1fr;gap:12px}.bb-contact-compact>div{flex-direction:column;justify-content:flex-start;display:flex}.bb-contact-compact>div>p{text-align:center;min-height:50px;font-size:16px;line-height:1.5}.bb-contact-compact svg{width:100%;max-height:none}.bb-contact-compact .bb-contact-surface{color:var(--bb-muted);text-align:center;grid-column:1/-1}}.bb-diagram-note{text-align:center;color:var(--bb-muted);margin:8px 0 12px;font-size:16px;line-height:1.5}.bb-contact-view{min-width:0}.bb-contact-view>svg{width:100%;height:auto;display:block}.bb-contact-view>.bb-contact-surface,.bb-contact-reading{color:var(--bb-muted);text-align:center;font-size:16px;line-height:1.5}.bb-contact-view>.bb-contact-surface{margin:0 0 6px}.bb-contact-reading{flex-wrap:wrap;justify-content:space-around;gap:4px 14px;margin-top:6px;display:flex}.bb-contact-reading>span:first-child{color:var(--bb-gold)}.bb-inspection-image>.bb-cage-section{width:100%;height:auto;max-height:300px}
