.iso{--fig-ink:var(--blog-color-title,#14171c);--fig-card:var(--blog-color-bg-subtle,#f8f9fa);--anatomy-card:var(--fig-card);--anatomy-text:var(--blog-color-paragraph);--anatomy-strong:var(--fig-ink);--anatomy-muted:var(--blog-color-muted);--anatomy-paper:var(--fig-card);--anatomy-face:color-mix(in srgb, var(--fig-ink) 0%, white);--anatomy-top:color-mix(in srgb, var(--fig-ink) 1%, white);--anatomy-shade-0:color-mix(in srgb, var(--fig-ink) 15%, var(--fig-card));--anatomy-shade-1:color-mix(in srgb, var(--fig-ink) 10.5%, var(--fig-card));--anatomy-shade-2:color-mix(in srgb, var(--fig-ink) 7%, var(--fig-card));--anatomy-shade-3:color-mix(in srgb, var(--fig-ink) 3.5%, var(--fig-card));--anatomy-lit-top:white;--anatomy-lit-shade:color-mix(in srgb, var(--fig-ink) 5%, white);--anatomy-hi:var(--fig-ink);--anatomy-mid:color-mix(in srgb, var(--fig-ink) 50%, var(--fig-card));--anatomy-lo:color-mix(in srgb, var(--fig-ink) 30%, var(--fig-card));--anatomy-faint:color-mix(in srgb, var(--fig-ink) 15%, var(--fig-card));--anatomy-lit:var(--fig-ink);--anatomy-halo:color-mix(in srgb, var(--fig-ink) 45%, var(--fig-card));--anatomy-halo-opacity:.32;--anatomy-dot:var(--fig-ink);--anatomy-weight:.6px;--anatomy-ease:cubic-bezier(.32, .72, 0, 1)}.iso-svg{width:100%;height:auto;display:block;overflow:visible}.iso-svg path,.iso-svg circle{vector-effect:non-scaling-stroke}.iso-fill{fill:var(--anatomy-paper);stroke:none}.iso-solid[data-lit]>.iso-fill{fill:var(--anatomy-face)}.iso-shade,.iso-top{stroke:none}.iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}.iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}.iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}.iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}.iso-top{fill:var(--anatomy-top)}.iso-solid[data-lit]>.iso-top{fill:var(--anatomy-lit-top)}.iso-solid[data-lit]>.iso-shade{fill:var(--anatomy-lit-shade)}.iso-solid[data-seamless]>.iso-shade,.iso-solid[data-seamless]>.iso-top{stroke-width:.4px;stroke-linejoin:round}.iso-solid[data-seamless]>.iso-shade[data-shade="0"]{stroke:var(--anatomy-shade-0)}.iso-solid[data-seamless]>.iso-shade[data-shade="1"]{stroke:var(--anatomy-shade-1)}.iso-solid[data-seamless]>.iso-shade[data-shade="2"]{stroke:var(--anatomy-shade-2)}.iso-solid[data-seamless]>.iso-shade[data-shade="3"]{stroke:var(--anatomy-shade-3)}.iso-solid[data-seamless]>.iso-top{stroke:var(--anatomy-top)}.iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-lit)}.iso-halo{fill:var(--anatomy-halo);stroke:none;filter:blur(9px);opacity:var(--anatomy-halo-opacity);transform:translateY(3px)}.iso-line{fill:none;stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight);stroke-linecap:round;stroke-linejoin:round}.iso-line[data-tone=hi]{stroke:var(--anatomy-hi)}.iso-line[data-tone=mid]{stroke:var(--anatomy-mid)}.iso-line[data-tone=lo]{stroke:var(--anatomy-lo)}.iso-line[data-tone=faint]{stroke:var(--anatomy-faint)}.iso-line[data-tone=lit]{stroke:var(--anatomy-lit)}.iso-line[data-dotted]{stroke-dasharray:.01 3.5;stroke-width:1px}.iso-line[data-dashed]{stroke-dasharray:3 3}.iso-line[data-flow]{stroke-dasharray:2 6;animation:1.6s linear infinite iso-flow}.iso-wire-end{fill:var(--anatomy-paper);stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight)}.iso-wire[data-tone=hi] .iso-wire-end{stroke:var(--anatomy-hi)}.iso-wire[data-tone=mid] .iso-wire-end{stroke:var(--anatomy-mid)}.iso-wire[data-tone=lit] .iso-wire-end{stroke:var(--anatomy-lit)}.iso-dots circle{fill:var(--anatomy-dot);stroke:none;opacity:.32}.iso-dots[data-tone=hi] circle{opacity:.85}.iso-dots[data-tone=mid] circle{opacity:.45}.iso-dots[data-tone=lo] circle{opacity:.22}.iso-dots[data-tone=faint] circle{opacity:.12}.iso-face-text{fill:var(--anatomy-mid);font-family:var(--font-poppins), sans-serif;letter-spacing:.05em;font-weight:500}.iso-face-text[data-tone=hi]{fill:var(--anatomy-hi)}.iso-face-text[data-tone=lo]{fill:var(--anatomy-lo)}@keyframes iso-flow{to{stroke-dashoffset:-32px}}.iso-figure{margin:3.5rem 0}.iso-plate{background:var(--anatomy-card);--anatomy-paper:var(--anatomy-card);padding:3.25rem 1.5rem 3.5rem;position:relative}.iso-plate-corners{pointer-events:none;position:absolute;inset:1.25rem 1.5rem}.iso-plate-corner{color:var(--anatomy-muted);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-size:.6rem;font-weight:500;line-height:1;position:absolute}.iso-plate-corner[data-corner=fig]{top:0;left:0}.iso-plate-corner[data-corner=title]{top:0;right:0}.iso-plate-corner[data-corner=hint]{bottom:0;left:0}.iso-plate-corner[data-corner=readout]{color:var(--anatomy-strong);text-transform:none;letter-spacing:0;font-variant-numeric:tabular-nums;font-size:.75rem;bottom:0;right:0}.iso-plate .iso-svg{margin:0 auto}.iso-legend{max-width:64ch;font-size:var(--text-p2);line-height:var(--text-p2--line-height);color:var(--blog-color-paragraph);gap:.5rem;margin-top:.75rem;font-weight:300;display:grid}.iso-keys{flex-wrap:wrap;gap:.375rem 1.125rem;display:flex}.iso-key{align-items:center;gap:.45rem;display:inline-flex}.iso-swatch{flex:none;width:16px;height:10px;overflow:visible}.iso-swatch path{fill:none;stroke:var(--anatomy-hi);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.iso-swatch[data-mark=raised] path,.iso-swatch[data-mark=flat] path{stroke:var(--anatomy-mid)}.iso-swatch[data-mark=lit] path{stroke:var(--anatomy-lit)}.iso-swatch[data-mark=dim] path{stroke:var(--anatomy-lo)}.iso-swatch[data-mark=dotted] path{stroke-dasharray:.01 3;stroke-width:1.4px}.iso-swatch[data-mark=dashed] path{stroke-dasharray:3 2.5}.iso-swatch-crease{stroke:var(--anatomy-lo)!important}.iso-control{touch-action:pan-y;cursor:grab;outline:none}.iso-control:active{cursor:grabbing}.iso-control:focus-visible{outline:1px solid var(--anatomy-muted);outline-offset:6px}@media (max-width:560px){.iso-plate{padding:3rem .75rem 5.25rem;overflow:hidden}.iso-plate .iso-svg{width:116%;margin:0 -8%}.iso-plate-corner[data-corner=hint]{bottom:2.4rem}.iso-plate-corner[data-corner=readout]{white-space:normal;text-align:right;line-height:1.35;left:0}}@media (prefers-reduced-motion:reduce){.iso-line[data-flow]{animation:none}}
.hd-room{--anatomy-top:color-mix(in srgb, var(--fig-ink) 9%, var(--fig-card));--anatomy-shade-0:color-mix(in srgb, var(--fig-ink) 19%, var(--fig-card));--anatomy-shade-1:color-mix(in srgb, var(--fig-ink) 15%, var(--fig-card));--anatomy-shade-2:color-mix(in srgb, var(--fig-ink) 12%, var(--fig-card));--anatomy-shade-3:color-mix(in srgb, var(--fig-ink) 10%, var(--fig-card))}.hd-glass>.iso-shade{fill:color-mix(in srgb, var(--fig-ink) 13%, var(--fig-card))}.hd-glass-shade{fill:color-mix(in srgb, var(--fig-ink) 17%, var(--fig-card));stroke:none}.hd-sun{fill:#fff;stroke:var(--anatomy-mid);stroke-width:.5px;vector-effect:non-scaling-stroke}.hd-ray{stroke-dasharray:3 2.4;stroke-width:.9px}.hd-ray-end{fill:var(--anatomy-paper);stroke:var(--anatomy-lit);stroke-width:.8px;vector-effect:non-scaling-stroke}
.bd-glass{fill:color-mix(in srgb, var(--fig-ink) 11%, var(--fig-card));stroke:none}.bd-panel{fill:color-mix(in srgb, var(--fig-ink) 18%, var(--fig-card));stroke:none}.bd-side{fill:color-mix(in srgb, var(--fig-ink) 14%, var(--fig-card));stroke:none}.bd-sill{fill:color-mix(in srgb, var(--fig-ink) 4%, var(--fig-card));stroke:none}.bd-needle{stroke-width:1.1px}.bd-limit{stroke-width:1.2px}.bd-cavity{fill:color-mix(in srgb, var(--fig-ink) 22%, var(--fig-card));stroke:var(--anatomy-mid);stroke-width:.5px;vector-effect:non-scaling-stroke}.bd-screen{fill:color-mix(in srgb, var(--fig-ink) 26%, var(--fig-card));stroke:var(--anatomy-mid);stroke-width:.5px;vector-effect:non-scaling-stroke}
.vt-inside{--anatomy-top:color-mix(in srgb, var(--fig-ink) 7%, var(--fig-card));--anatomy-shade-0:color-mix(in srgb, var(--fig-ink) 17%, var(--fig-card));--anatomy-shade-1:color-mix(in srgb, var(--fig-ink) 13%, var(--fig-card));--anatomy-shade-2:color-mix(in srgb, var(--fig-ink) 10%, var(--fig-card));--anatomy-shade-3:color-mix(in srgb, var(--fig-ink) 8%, var(--fig-card))}.vt-needle{stroke-width:1.1px}.vt-fresh{stroke-dasharray:3 2.4;stroke-width:.9px}.vt-stale{stroke-dasharray:.01 2.6;stroke-width:1.2px}.vt-end{fill:var(--anatomy-paper);stroke:var(--anatomy-mid);stroke-width:.6px;vector-effect:non-scaling-stroke}.vt-screen{fill:color-mix(in srgb, var(--fig-ink) 26%, var(--fig-card));stroke:var(--anatomy-mid);stroke-width:.5px;vector-effect:non-scaling-stroke}