.post.b5 .fig{--accent:var(--color-green);--ink:var(--color-white);min-width:0;margin:22px 0}.b5 .two>*{min-width:0}.b5 .post-hero .fig{margin:24px 0 0}.b5 .glossary .card .fig{margin:12px 0 10px}.b5 .arch .fig{margin:0}.b5 .fig svg .b5-wh{fill:var(--fig-text)}.b5 .fig svg .b5-wh-l{fill:none;stroke:var(--fig-text);stroke-width:1.5px}.b5 .fig svg .b5-sig{fill:var(--accent)}.b5 .fig svg .b5-sig-l{fill:none;stroke:var(--accent);stroke-width:1.5px}.b5 .fig svg .b5-ink{fill:var(--color-ink)}.b5 .fig svg .b5-rail{fill:var(--fig-line)}.b5 .fig svg .b5-hair{fill:none;stroke:var(--fig-line);stroke-width:1.5px}.b5 .fig svg .b5-cut{fill:none;stroke:var(--accent);stroke-width:2px;stroke-dasharray:5 4}.b5 .fig svg .b5-room{fill:none;stroke:var(--fig-edge);stroke-width:1px;stroke-dasharray:5 4}.b5 .fig svg .b5-el{fill:none;stroke:var(--fig-text);stroke-width:1.5px}.b5 .fig svg .b5-beam{fill:var(--accent);opacity:.3}.b5 .fig svg .b5-hand{stroke:var(--accent);stroke-width:3px;stroke-linecap:round}.b5 .fig svg .b5-case{text-transform:none}.b5 .b5-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.b5 .b5-scroll>svg{width:100%;height:auto;display:block;overflow:visible}@media (max-width:719px){.b5 .b5-scroll>svg{min-width:var(--minw,640px)}.b5 .b5-scroll:after{content:"scroll for the full figure";text-align:right;font-family:var(--font-mono),monospace;letter-spacing:.02em;color:var(--fig-sub);margin-top:6px;font-size:11px;font-weight:500;display:block}}.post.b5 .fig{--ease-ride:cubic-bezier(.45,0,.55,1);--dur-heat:1.2s}.b5 .fig svg .b5-tail-stop{stop-color:var(--accent)}.b5 .fig svg .b5-comet-tail{fill:none;stroke-width:2px;stroke-linecap:round}.b5 .fig svg .b5-comet-glow{fill:var(--accent);opacity:.18}.b5 .fig svg .b5-comet-head{fill:var(--accent)}.b5 .fig svg .b5-comet--quiet .b5-comet-head{fill:var(--fig-text)}.b5 .fig svg .b5-heat{fill:none;stroke:var(--accent);stroke-width:2px;opacity:0}.b5 .fig svg .b5-lit{fill:var(--fig-text)}.b5 .fig svg .b5-still{display:none}.b5 .fig svg .b5-lk{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;opacity:0}.b5 .fig svg .b5-ap{opacity:0}.b5 .fig .b5-lk-1{animation:b5-lk-1 7s var(--ease-out) infinite}.b5 .fig .b5-lk-2{animation:b5-lk-2 7s var(--ease-out) infinite}.b5 .fig .b5-lk-3{animation:b5-lk-3 7s var(--ease-out) infinite}.b5 .fig .b5-br-1{animation:b5-br-1 7s var(--ease-out) infinite}.b5 .fig .b5-br-2{animation:b5-br-2 7s var(--ease-out) infinite}.b5 .fig .b5-br-3{animation:b5-br-3 7s var(--ease-out) infinite}.b5 .fig .b5-ap-1{animation:7s step-end infinite b5-ap-1}.b5 .fig .b5-ap-2{animation:7s step-end infinite b5-ap-2}.b5 .fig .b5-ap-3{animation:7s step-end infinite b5-ap-3}@keyframes b5-lk-1{0%{opacity:0}6%,to{opacity:1}}@keyframes b5-lk-2{0%,17.1%{opacity:0}23.1%,to{opacity:1}}@keyframes b5-lk-3{0%,34.3%{opacity:0}40.3%,to{opacity:1}}@keyframes b5-br-1{0%{fill:var(--fig-sub)}6%,to{fill:var(--fig-text)}}@keyframes b5-br-2{0%,17.1%{fill:var(--fig-sub)}23.1%,to{fill:var(--fig-text)}}@keyframes b5-br-3{0%,34.3%{fill:var(--fig-sub)}40.3%,to{fill:var(--fig-text)}}@keyframes b5-ap-1{0%{opacity:0}6%,to{opacity:1}}@keyframes b5-ap-2{0%{opacity:0}23.1%,to{opacity:1}}@keyframes b5-ap-3{0%{opacity:0}40.3%,to{opacity:1}}.b5 .fig .b5-ring{fill:none;stroke:var(--accent);stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;animation:b5-ring 2.4s var(--ease-out) infinite}.b5 .fig .b5-ring:nth-child(2){animation-delay:.8s}.b5 .fig .b5-ring:nth-child(3){animation-delay:1.6s}@keyframes b5-ring{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(3)}}.b5 .fig svg .b5-phone{fill:var(--fig-text)}.b5 .fig .b5-phone{animation:b5-phone .8s linear var(--d,0s) infinite}@keyframes b5-phone{0%,35%{fill:var(--accent)}60%,to{fill:var(--fig-text)}}.b5 .fig svg .b5-draw{stroke-dasharray:1;stroke-dashoffset:1px}.b5 .fig .b5-dr-1{animation:b5-dr-1 7s var(--ease-out) infinite}.b5 .fig .b5-dr-2{animation:b5-dr-2 7s var(--ease-out) infinite}.b5 .fig .b5-dr-3{animation:b5-dr-3 7s var(--ease-out) infinite}.b5 .fig .b5-dr-4{animation:b5-dr-4 7s var(--ease-out) infinite}.b5 .fig .b5-dr-5{animation:b5-dr-5 7s var(--ease-out) infinite}.b5 .fig .b5-dl-1{animation:7s step-end infinite b5-dl-1}.b5 .fig .b5-dl-2{animation:7s step-end infinite b5-dl-2}.b5 .fig .b5-dl-3{animation:7s step-end infinite b5-dl-3}.b5 .fig .b5-dl-4{animation:7s step-end infinite b5-dl-4}.b5 .fig .b5-dl-5{animation:7s step-end infinite b5-dl-5}@keyframes b5-dr-1{0%{stroke-dashoffset:1px}6%,to{stroke-dashoffset:0}}@keyframes b5-dr-2{0%,5.7%{stroke-dashoffset:1px}11.7%,to{stroke-dashoffset:0}}@keyframes b5-dr-3{0%,11.4%{stroke-dashoffset:1px}17.4%,to{stroke-dashoffset:0}}@keyframes b5-dr-4{0%,17.1%{stroke-dashoffset:1px}23.1%,to{stroke-dashoffset:0}}@keyframes b5-dr-5{0%,22.9%{stroke-dashoffset:1px}28.9%,to{stroke-dashoffset:0}}@keyframes b5-dl-1{0%{opacity:0}6%,to{opacity:1}}@keyframes b5-dl-2{0%{opacity:0}11.7%,to{opacity:1}}@keyframes b5-dl-3{0%{opacity:0}17.4%,to{opacity:1}}@keyframes b5-dl-4{0%{opacity:0}23.1%,to{opacity:1}}@keyframes b5-dl-5{0%{opacity:0}28.9%,to{opacity:1}}.b5 .fig svg .b5-lobe{opacity:.22}.b5 .fig .b5-lobe{animation:b5-lobe 3.6s var(--ease-out) var(--d,0s) infinite}.b5 .fig .b5-lbl{animation:b5-lbl 3.6s var(--ease-out) var(--d,0s) infinite}.b5 .fig .b5-lbl-1{--d:0s}.b5 .fig .b5-lbl-2{--d:1.2s}.b5 .fig .b5-lbl-3{--d:2.4s}@keyframes b5-lobe{0%{opacity:.22}6%,33%{opacity:.7}42%,to{opacity:.22}}@keyframes b5-lbl{0%{fill:var(--fig-sub)}6%,33%{fill:var(--fig-text)}42%,to{fill:var(--fig-sub)}}.b5 .fig svg .b5-seg{transform-box:fill-box;transform-origin:0}.b5 .fig .b5-sg-1{animation:b5-sg-1 7s var(--ease-out) infinite}.b5 .fig .b5-sg-2{animation:b5-sg-2 7s var(--ease-out) infinite}.b5 .fig .b5-sg-3{animation:b5-sg-3 7s var(--ease-out) infinite}.b5 .fig .b5-ap-h{animation:7s step-end infinite b5-ap-h}@keyframes b5-sg-1{0%{transform:scaleX(0)}6%,to{transform:scaleX(1)}}@keyframes b5-sg-2{0%,7.1%{transform:scaleX(0)}13.1%,to{transform:scaleX(1)}}@keyframes b5-sg-3{0%,14.3%{transform:scaleX(0)}20.3%,to{transform:scaleX(1)}}@keyframes b5-ap-h{0%{opacity:0}20.3%,to{opacity:1}}.b5 .fig svg .b5-slot{opacity:.35}.b5 .fig .b5-slot{animation:b5-slot 3s steps(1) var(--d,0s) infinite}.b5 .fig .b5-now{animation:3s steps(6,end) infinite b5-now}@keyframes b5-slot{0%{opacity:1}16.667%,to{opacity:.35}}@keyframes b5-now{0%{transform:translate(0)}to{transform:translate(264px)}}.b5 .fig .b5-ue{animation:b5-walk 6s var(--ease-ride) infinite alternate}@keyframes b5-walk{0%{transform:translate(-110px)}to{transform:translate(110px)}}.b5 .fig .b5-cell--a{animation:b5-cell-a 12s var(--ease-out) infinite}.b5 .fig .b5-cell--b{animation:b5-cell-b 12s var(--ease-out) infinite}@keyframes b5-cell-a{0%,23%{stroke:var(--fig-text)}27%,73%{stroke:var(--fig-line)}77%,to{stroke:var(--fig-text)}}@keyframes b5-cell-b{0%,23%{stroke:var(--fig-line)}27%,73%{stroke:var(--fig-text)}77%,to{stroke:var(--fig-line)}}.b5 .fig svg .b5-ho{opacity:0}.b5 .fig .b5-ho{animation:12s step-end infinite b5-ho}@keyframes b5-ho{0%{opacity:0}23.5%{opacity:1}28.5%{opacity:0}73.5%{opacity:1}78.5%,to{opacity:0}}.b5 .fig svg .b5-cut-in{transform-box:view-box;transform-origin:150px 8px}.b5 .fig .b5-cut-in{animation:b5-cut-in 7s var(--ease-out) infinite}@keyframes b5-cut-in{0%{transform:scaleY(0)}6%,to{transform:scaleY(1)}}.b5 .fig svg .b5-sp{opacity:0}.b5 .fig .b5-sp-l{animation:b5-sp-l-show 7s steps(1) infinite,b5-sp-l-rise 7s var(--ease-out) infinite}.b5 .fig .b5-sp-r{animation:b5-sp-r-show 7s steps(1) infinite,b5-sp-r-rise 7s var(--ease-out) infinite}@keyframes b5-sp-l-show{0%{opacity:0}8.6%,to{opacity:1}}@keyframes b5-sp-l-rise{0%,8.6%{transform:translateY(6px)}14.6%,to{transform:none}}@keyframes b5-sp-r-show{0%{opacity:0}12%,to{opacity:1}}@keyframes b5-sp-r-rise{0%,12%{transform:translateY(6px)}18%,to{transform:none}}.b5 .fig .b5-hand{transform-box:view-box;transform-origin:60px 60px;animation:60s steps(60,end) infinite b5-tick}@keyframes b5-tick{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.b5 .fig svg .b5-tp{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:10 100;stroke-dashoffset:12px}.b5 .fig .b5-tp{animation:1s linear infinite b5-tp}@keyframes b5-tp{0%{stroke-dashoffset:12px}80%,to{stroke-dashoffset:-102px}}.b5 .fig .b5-hs-lbl{animation:b5-hs-show 7s steps(1) infinite,b5-hs-ride 7s var(--ease-ride) infinite}@keyframes b5-hs-show{0%{opacity:0}2%{opacity:1}86%,to{opacity:0}}@keyframes b5-hs-ride{0%,3%{transform:translate(0)}19%,to{transform:translate(28px)}}.b5 .fig svg .b5-hs-ring{fill:none;stroke:var(--accent);stroke-width:2px;opacity:0;transform-box:fill-box;transform-origin:50%}.b5 .fig .b5-hs-ring{animation:b5-hs-ring 7s var(--ease-out) infinite}@keyframes b5-hs-ring{0%,20%{opacity:0;transform:scale(.5)}21%{opacity:.7;transform:scale(.5)}29%,to{opacity:0;transform:scale(1.8)}}.b5 .fig svg .b5-hs-on{opacity:0}.b5 .fig .b5-hs-heat,.b5 .fig .b5-hs-on{animation:7s step-end infinite b5-hs-on}@keyframes b5-hs-on{0%{opacity:0}31.4%{opacity:1}86%,to{opacity:0}}.b5 .fig svg .b5-lane{transform-box:view-box}.b5 .fig .b5-lane{animation:b5-lane-in var(--dur-slow) var(--ease-out) var(--d,0s) both,b5-breathe 2s ease-in-out calc(var(--d,0s) + var(--dur-slow)) infinite}@keyframes b5-lane-in{0%{transform:scaleX(0)}to{transform:none}}@keyframes b5-breathe{0%,to{opacity:1}50%{opacity:.55}}.b5 .fig .b5-beam-in{animation:b5-beam-in var(--dur-slow) var(--ease-out) .66s both}@keyframes b5-beam-in{0%{opacity:0}to{opacity:.3}}.b5 .fig .b5-ue-lit{animation:b5-el-heat var(--dur-heat) var(--ease-out) var(--d,0s)}@keyframes b5-el-heat{0%{stroke:var(--accent);stroke-width:2px}to{stroke:var(--fig-text);stroke-width:1.5px}}.b5 .fig[data-pre] .b5-rise{transform:translateY(10px)}.b5 .fig[data-pre] .b5-late{opacity:0}.b5 .fig[data-in] .b5-rise{animation:b5-rise var(--dur-slow) var(--ease-out) var(--d,0s) both}.b5 .fig[data-in] .b5-late{animation:b5-show var(--dur-slow) var(--ease-out) var(--d,0s) both}.b5 .fig[data-in] .b5-heat-in{animation:b5-heat var(--dur-heat) var(--ease-out) var(--d,0s)}.b5 .fig svg .b5-pulse-in{opacity:0}.b5 .fig[data-in] .b5-pulse-in{animation:b5-blink 1.2s var(--ease-out) var(--d,0s)}@keyframes b5-rise{0%{transform:translateY(10px)}to{transform:none}}@keyframes b5-show{0%{opacity:0}to{opacity:1}}@keyframes b5-heat{0%{opacity:1}to{opacity:0}}@keyframes b5-blink{0%{opacity:0}30%{opacity:1}to{opacity:0}}.b5 .fig .b5-enter{animation:b5-enter var(--dur-slow) var(--ease-out) both}@keyframes b5-enter{0%{transform:translateY(8px)}to{transform:none}}.b5 .fig svg .b5-pulse-once{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:14 100;stroke-dashoffset:16px}.b5 .fig .b5-pulse-once{animation:.9s linear both b5-pulse-once}@keyframes b5-pulse-once{0%{stroke-dashoffset:16px}to{stroke-dashoffset:-102px}}.b5 .fig[data-still] .b5-m{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.b5 .fig .b5-m,.b5 .fig .b5-enter,.b5 .fig .b5-lane,.b5 .fig .b5-beam-in,.b5 .fig .b5-ue-lit,.b5 .fig .b5-pulse-once,.b5 .fig[data-in] .b5-rise,.b5 .fig[data-in] .b5-late,.b5 .fig[data-in] .b5-heat-in,.b5 .fig[data-in] .b5-pulse-in{animation:none}.b5 .fig svg .b5-anim{display:none}.b5 .fig svg .b5-still{opacity:1;display:inline}.b5 .fig .b5-ring:first-child{opacity:.9;transform:scale(.3)}.b5 .fig .b5-ring:nth-child(2){opacity:.6;transform:scale(1.2)}.b5 .fig .b5-ring:nth-child(3){opacity:.35;transform:scale(2.1)}.b5 .fig svg .b5-phone--near{fill:var(--accent)}.b5 .fig svg .b5-lk,.b5 .fig svg .b5-ap,.b5 .fig svg .b5-sp,.b5 .fig svg .b5-hs-on,.b5 .fig svg .b5-hs-heat,.b5 .fig .b5-late{opacity:1}.b5 .fig svg .b5-br{fill:var(--fig-text)}.b5 .fig svg .b5-draw{stroke-dashoffset:0}.b5 .fig svg .b5-lobe{opacity:.55}.b5 .fig svg .b5-seg,.b5 .fig svg .b5-cut-in,.b5 .fig svg .b5-sp,.b5 .fig .b5-ue,.b5 .fig .b5-hand,.b5 .fig svg .b5-lane,.b5 .fig .b5-enter,.b5 .fig .b5-rise{transform:none}.b5 .fig svg .b5-slot{opacity:.45}.b5 .fig svg .b5-slot--up{opacity:1}.b5 .fig svg .b5-now{transform:translate(132px)}.b5 .fig svg .b5-tp{stroke-dasharray:none}.b5 .fig svg .b5-hs-lbl{transform:translate(28px)}.b5 .fig svg .b5-hs-ring,.b5 .fig svg .b5-pulse-once{display:none}.b5 .fig svg .b5-lane{opacity:1}.b5 .fig svg .b5-beam{opacity:.3}}.b5 .post-hero .lead{color:var(--ink-2);max-width:64ch;margin:24px 0 0;font-size:19px;line-height:1.55}.b5 .boxes{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:24px 0 8px;display:grid}.b5 .boxes .card h3{margin-top:14px;font-size:21px}.b5 .boxes .card .fine{color:var(--mute);font-size:14px;line-height:1.6}.b5 .tag.sig{background:var(--color-green);border-color:var(--color-green);color:var(--color-ink)}.b5 .b5-plate{aspect-ratio:3/2;background:var(--color-ink);border-radius:8px;margin:0 0 4px;overflow:hidden}.b5 .b5-plate.wide{aspect-ratio:21/9;border-radius:var(--radius-card);margin:20px 0 4px}.b5 .b5-plate .plate,.b5 .b5-plate img{object-fit:cover;width:100%;height:100%;display:block}.b5 .links{margin-top:32px}.b5 .lead{color:var(--ink-2);max-width:64ch;font-size:19px;line-height:1.55}.b5 .glossary{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin:24px 0 0;display:grid}.b5 .glossary .card h3{margin-top:0;font-size:19px}.b5 .glossary .card p{font-size:15px;line-height:1.6}.b5 .glossary .card .fine{color:var(--mute);font-size:14px}.b5 .btns{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.b5 .btns .btn{padding:8px 10px;font-size:13px}.b5 .fig .btn--ghost{color:var(--color-white);border-color:color-mix(in srgb,var(--color-white) 30%,transparent)}.b5 .fig .btn--ghost:hover{border-color:var(--color-white)}.b5 .fig .btn.on{background:var(--color-green);border-color:var(--color-green);color:var(--color-ink)}.b5 .sizer label{font-family:var(--font-mono),monospace;color:var(--fig-sub);margin:10px 0 6px;font-size:13px;font-weight:500;display:block}.b5 .sizer label b{color:var(--accent);font-weight:500}.b5 .sizer input[type=range]{width:100%;accent-color:var(--accent);margin:0}.b5 .b5-counts{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:16px;display:grid}.b5 .b5-counts .readout{border:1px solid var(--fig-hair);border-radius:var(--radius-card);padding:14px}.b5 .b5-counts .readout-value{color:var(--accent)}.b5 .sizer .story{color:var(--fig-sub);min-height:3.1em;margin:14px 0 0;font-size:14px;line-height:1.55}.b5 .sizer .b5-sizesvg{border:1px solid var(--fig-hair);border-radius:8px;margin-top:14px;padding:8px}.b5 .b5-obl{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.b5 .b5-obl-h{font-family:var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--fig-sub);margin-right:4px;font-size:11px;font-weight:500}.b5 .b5-steps{counter-reset:s;gap:12px;max-width:none;margin:14px 0 0;padding:0;list-style:none;display:grid}.b5 .b5-step{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--bg);grid-template-columns:52px 1fr;align-items:start;gap:14px;margin:0;padding:16px;display:grid}.b5 .b5-step:before{counter-increment:s;content:counter(s,decimal-leading-zero);font-family:var(--font-mono),monospace;color:var(--mute);font-size:22px;font-weight:500;line-height:1}.b5 .b5-step h4{margin:0 0 4px;font-size:17px}.b5 .b5-step p{color:var(--ink-2);max-width:none;margin:0;font-size:15px;line-height:1.6}@media (max-width:640px){.b5 .b5-step{grid-template-columns:40px 1fr}}.b5 .arch{margin-top:24px}.b5 .arch ul{margin:0}.b5 .arch li{font-size:16px}.b5 .divider{background:var(--line);height:1px;margin:36px 0 0}.b5 .close p{max-width:72ch}@supports (animation-timeline:view()){.b5 .rv{animation:linear both b5-rise;animation-timeline:view();animation-range:entry entry 35%}@keyframes b5-rise{0%{transform:translateY(14px)}to{transform:none}}@media (prefers-reduced-motion:reduce){.b5 .rv{animation:none}}}
