.geometry-foundation{container-type:inline-size;font-family:Manrope,Arial,sans-serif;margin:2.5rem 0;isolation:isolate}
.geometry-foundation [hidden]{display:none!important}
.geometry-foundation .scene-heading p{font:13px/1.8 Manrope,Arial,sans-serif;color:var(--muted);margin-bottom:0}
.gf-workbench{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:8px;align-items:center;padding:12px 24px 22px}
.gf-plot{min-width:0;touch-action:none;cursor:crosshair;background:radial-gradient(ellipse,color-mix(in srgb,var(--geometry) 5%,transparent),transparent 68%)}
.gf-plot svg{display:block;width:100%;height:auto;overflow:visible}
.gf-sidebar .scene-controls{padding:0;display:grid;gap:10px}
.gf-readout{display:grid;gap:14px;padding:18px 0 4px}
.gf-readout>div{display:flex;flex-direction:column;gap:5px}
.gf-readout span{font-size:11px;color:var(--muted)}
.gf-readout strong{font-size:17px;font-weight:500;font-variant-numeric:tabular-nums}
.geometry-foundation .gf-insight{font:12px/1.85 Manrope,Arial,sans-serif;margin:16px 0 0;color:var(--muted)}
.gf-method{margin:0!important;padding:0 28px 22px!important;background:none!important;border:0!important}
.gf-method>summary{font:11px/1.6 Manrope,Arial,sans-serif;color:var(--muted);cursor:pointer;padding:10px 0}
.gf-method>div{padding:8px 0 4px;max-width:72ch}
.geometry-foundation .gf-method p{font:13px/1.85 Manrope,Arial,sans-serif;margin:0 0 14px}
.geometry-foundation .gf-method p:last-child{margin-bottom:0}
.gf-label{font:15px Manrope,Arial,sans-serif;fill:var(--ink);paint-order:stroke;stroke:var(--figure-bg);stroke-width:4;stroke-linejoin:round}
.gf-key{font-size:12px;fill:var(--muted)}.gf-tick{font-size:12px;fill:var(--muted)}.gf-muted{fill:var(--muted)}
.gf-square-grid{stroke:var(--line);stroke-width:.6;fill:none;opacity:.6}
.gf-polar-grid{stroke:var(--geometry);stroke-width:.8;fill:none;opacity:.22}
.gf-axis{stroke:var(--muted);stroke-width:.8;fill:none;opacity:.65}
.gf-radius{stroke:var(--geometry);stroke-width:2;fill:none}
.gf-angle{stroke:var(--matter);stroke-width:2;fill:none}
.gf-projection{stroke:var(--observer);stroke-width:1;stroke-dasharray:4 5;fill:none;opacity:.65}
.gf-point{fill:var(--observer);stroke:var(--paper);stroke-width:2}
.gf-origin{fill:var(--muted)}
.gf-next-point{fill:var(--transport);stroke:var(--paper);stroke-width:2}
.gf-next-radius{stroke:var(--transport);stroke-width:1;fill:none;opacity:.55}
.gf-swept-area{fill:color-mix(in srgb,var(--geometry) 9%,transparent);stroke:none}
.gf-arc{stroke:var(--geometry);stroke-width:3;fill:none}
.gf-chord{stroke:var(--transport);stroke-width:1.5;stroke-dasharray:4 3;fill:none}
.gf-teal{color:var(--geometry);fill:var(--geometry)}.gf-blue{color:var(--transport);fill:var(--transport)}.gf-gold{color:var(--matter);fill:var(--matter)}.gf-rose{color:var(--observer);fill:var(--observer)}
@container(max-width:590px){
 .gf-workbench{grid-template-columns:1fr;padding:8px 18px 20px;gap:14px}
 .gf-plot{max-width:470px;margin:auto;width:100%}
 .gf-sidebar .scene-controls{grid-template-columns:1fr 1fr;gap:10px 18px}
 .gf-sidebar .scene-controls>div:last-child:nth-child(3){grid-column:1/-1}
 .gf-readout{grid-template-columns:1fr 1fr;padding-top:16px}
 .gf-method{padding:0 20px 22px!important}
 .gf-polar .gf-label{font-size:20px}.gf-polar .gf-tick{font-size:15px}.gf-polar .gf-key{font-size:15px}
}
.vf-workbench{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(210px,1fr);align-items:center;gap:12px;padding:16px 24px 12px}
.vf-workbench svg,.vf-product svg{display:block;width:100%;height:auto}
.gf-vector{fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.vf-sample{stroke:var(--muted);opacity:.48}.vf-frame{stroke:var(--matter);stroke-width:1.3}
.vf-at-p{stroke:var(--observer);stroke-width:4}.vf-at-q{stroke:var(--transport);stroke-width:2}
.vf-difference{stroke:var(--geometry);stroke-width:2;stroke-dasharray:5 3}
.vf-component-change{stroke:var(--matter);stroke-width:4}.vf-basis-change{stroke:var(--transport);stroke-width:2}
.vf-circle{fill:none;stroke:var(--geometry);stroke-width:1;opacity:.3}.vf-route{fill:none;stroke:var(--geometry);stroke-width:2;opacity:.7}
.vf-panel-title{font-size:12px;color:var(--ink);margin-bottom:12px}
.vf-legend{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font:10px/1.6 Manrope,Arial,sans-serif}
.vf-legend span{display:flex;align-items:center;gap:5px}.vf-legend span::before{content:'';width:11px;height:2px;background:var(--observer)}
.vf-legend .vf-key-q::before{background:var(--transport)}.vf-legend .vf-key-difference::before{background:var(--geometry)}.vf-legend .vf-key-components::before{background:var(--matter)}
.vf-comparison{max-width:265px;margin:auto}
.vf-field{max-height:385px}
.vector-field-experience .gf-readout{gap:12px;padding:10px 0 0}
.vector-field-experience .gf-readout strong{font-size:14px}.vector-field-experience .gf-readout small{font-size:11px;font-weight:400}
.geometry-foundation .vf-caption{font:11px/1.7 Manrope,Arial,sans-serif;color:var(--muted);margin:5px 12px 0}
.vf-change{font-size:12px;color:var(--geometry);line-height:1.6;font-variant-numeric:tabular-nums;padding-top:8px}
.vf-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:none;padding:14px 28px 10px}
.geometry-foundation .vf-insight{padding:0 28px 18px;margin-top:8px;font-size:13px}
.vf-product-layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,1fr);align-items:center;gap:24px;margin:12px 0 20px}
.vf-product-values{font-variant-numeric:tabular-nums;color:var(--geometry);line-height:2!important}
.fo-plot{display:block;width:100%;height:auto}
.fo-arrow{fill:none;stroke-width:1;stroke:var(--muted);opacity:.35}
.fo-route{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.fo-xy{stroke:var(--observer)}.fo-yx{stroke:var(--transport)}.fo-planned{opacity:.3;stroke-dasharray:4 5}
.fo-dot-xy{fill:var(--observer);stroke:var(--paper);stroke-width:2}.fo-dot-yx{fill:var(--transport);stroke:var(--paper);stroke-width:1.5}
.fo-end-xy,.fo-end-yx{fill:none;stroke:var(--observer);stroke-width:1.5}.fo-end-yx{stroke:var(--transport)}
.fo-gap{fill:none;stroke:var(--geometry);stroke-width:1.3}
.fo-legend{display:flex;gap:16px;color:var(--muted);font:11px/1.6 Manrope,Arial,sans-serif;flex-wrap:wrap}
.fo-legend span{display:flex;align-items:center;gap:6px}.fo-legend span::before{content:'';width:14px;height:2px;background:var(--observer)}.fo-legend .fo-key-yx::before{background:var(--transport)}
.geometry-foundation .fo-caption{font:11px/1.8 Manrope,Arial,sans-serif;color:var(--muted);margin:8px 12px 0}
.flow-order-experience .fo-playbar{display:flex;justify-content:flex-start;gap:12px;align-items:center;margin-bottom:6px}
.fo-next{font:11px Manrope,Arial,sans-serif;padding:8px 4px;min-height:36px;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer}.fo-next:focus-visible{outline:2px solid var(--transport);outline-offset:2px}
.flow-order-experience .scene-parameter{flex-wrap:wrap;gap:0 8px}
.flow-order-experience .equation{padding:16px 8px;margin:14px 0;font-size:1rem;overflow-x:auto}
@container(max-width:590px){.fo-playbar{grid-column:1/-1}.fo-plot .gf-label{font-size:20px}.fo-plot .gf-tick{font-size:16px}.fo-legend{font-size:10px;gap:10px}.flow-order-experience .scene-controls>div:last-child:nth-child(3){grid-column:auto}.flow-order-experience .scene-parameter label{min-height:32px;max-width:none}.flow-order-experience .scene-parameter output{font-size:10px}}
.vf-product .equation{margin:16px 0;padding:18px 8px;font-size:1rem;overflow-x:auto}
@container(max-width:590px){
 .vf-workbench{grid-template-columns:1fr;padding:12px 18px 10px;gap:24px}
 .vf-compare-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:14px;align-items:center}
 .vf-panel-title,.vf-compare-panel>.vf-legend{grid-column:1/-1}
 .vf-compare-panel>[data-vf-comparison]{grid-row:3/5}
 .vf-change{font-size:11px;margin-top:10px}
 .vector-field-experience .gf-readout{grid-template-columns:1fr;gap:10px}
 .vector-field-experience .gf-readout span{font-size:10px}.vector-field-experience .gf-readout strong{font-size:12px}
 .vf-controls{gap:16px;padding:12px 20px 10px}.vf-controls .scene-parameter{flex-wrap:wrap;gap:0 8px}
 .vf-controls .scene-parameter label{max-width:none!important;min-height:32px}
 .geometry-foundation .vf-insight{padding:0 20px 18px;font-size:12px}
 .vf-field .gf-label{font-size:19px}.vf-field .gf-tick{font-size:15px}
 .vf-comparison .gf-label{font-size:22px}.vf-comparison .gf-tick{font-size:19px}.vf-comparison .gf-key{font-size:20px}
 .vf-product-layout{grid-template-columns:1fr;gap:12px}
 .vector-field-experience .scene-viewbar{flex-wrap:wrap;row-gap:4px}
 .vector-field-experience .scene-view-switch button{padding-inline:6px}
 .vector-field-experience .scene-actions{margin-left:auto}
}