.method-demo{--md-ink:#253034;--md-muted:#768084;border:1px solid #e4e8e8;border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 18px 70px -42px #27414d35;color:var(--md-ink);font-family:inherit}.md-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 30px;border-bottom:1px solid #eff1f2}.md-live{font-size:10px;letter-spacing:.15em;font-weight:650;display:flex;align-items:center;gap:9px}.md-live i{width:6px;height:6px;background:#b48124;border-radius:50%;box-shadow:0 0 0 4px #b4812412}.md-controls{display:flex;align-items:center;gap:18px}.md-controls button,.md-replay{font:inherit;font-size:11px;cursor:pointer;border:0;background:transparent;color:#58666c;padding:5px 0}.md-controls button:focus-visible,.md-replay:focus-visible{outline:2px solid #0F8195;outline-offset:5px;border-radius:5px}.md-toggle{display:flex;align-items:center;gap:9px}.md-switch{flex-shrink:0;height:18px;width:31px;border-radius:30px;background:#0F8195;position:relative;transition:background .25s}.md-switch:after{content:'';position:absolute;width:12px;height:12px;top:3px;left:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:left .25s}.md-pause{min-width:52px;text-align:right}.md-pause span{padding-left:4px}.md-diagram-wrap{padding:22px 15px 16px}.md-diagram{display:block;width:100%;height:auto;overflow:visible}.md-diagram text,.md-flow text{font-family:inherit}.md-lane{font-size:9px;letter-spacing:1.5px;fill:#92999b;font-weight:600}.md-note{font-size:10px;fill:#858e93}.md-module-title{font-size:13px;font-weight:550;fill:#34454d}.md-module-sub{font-size:10.5px;fill:#69787e}.md-small{font-size:10px;fill:#8a9398}.md-module rect{stroke-width:1}.md-video rect{fill:#f2eff8;stroke:#d8d0e9}.md-action rect{fill:#edf6f7;stroke:#bbdee3}.md-forecast rect{fill:#fcf0ed;stroke:#f0d0c8}.md-expert rect{fill:#fbf5e8;stroke:#e6d7b3}.md-output rect{fill:#f7f9f8;stroke:#e1e7e5}.md-cache rect{fill:#fff8f6;stroke:#edd9d2;stroke-dasharray:3 3}.md-cache .md-module-title,.md-feedback .md-module-title{font-size:11px}.md-feedback rect{fill:#f7f7f5;stroke:#e4e3de}.md-wire{fill:none;stroke-width:1.6;stroke:#aeb7b9}.md-base-wire{stroke:#63a5af}.md-sum{fill:#fff;stroke:#d1dcde;stroke-width:1.3}.md-velocity-label{fill:#0F8195;font-size:15px;font-style:italic}.md-delta-label{fill:#a5751b;font-size:20px;font-style:italic}.md-tactile-path{transition:opacity .35s}.md-bottom{display:grid;grid-template-columns:1fr 1fr;margin:0 30px;padding:24px 0 26px;border-top:1px solid #edf0f1;gap:40px}.md-panel-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;line-height:1.5;color:#869095;font-weight:600;gap:10px}.md-iteration{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0;color:#526c76}.md-flow{display:block;width:100%;height:auto;margin-top:8px}.md-field path{stroke:#b5c8cd;stroke-width:.8;fill:none;opacity:.48}.md-base-trajectory{fill:none;stroke:#0F8195;stroke-width:2;opacity:.6;stroke-dasharray:4 5}.md-corrected-trajectory{fill:none;stroke:#B48124;stroke-width:2.5;stroke-linecap:round}.md-delta-vectors path{stroke:#B48124;stroke-width:1.2;fill:none}.md-flow-particle{stroke:white;stroke-width:2}.md-flow-legend{display:flex;align-items:center;gap:18px;color:#7b858a;font-size:10px}.md-flow-legend>span{display:flex;align-items:center;gap:6px}.md-flow-legend i{width:14px;height:2px;display:inline-block}.md-teal{background:#0F8195}.md-gold{background:#B48124}.md-flow-legend .md-schematic{margin-left:auto;font-size:9px;color:#9fa6a8}.md-phase-title{font-size:21px;line-height:1.25;font-weight:500;letter-spacing:-.6px;margin:25px 0 11px}.md-phase-copy{font-size:12px;line-height:1.7;color:#7a858a;min-height:61px;margin:0 0 20px;max-width:410px}.md-blocks{display:flex;gap:12px}.md-block{flex:1;min-width:0}.md-block>div{display:flex;gap:3px;position:relative}.md-block i{height:8px;border-radius:3px;flex:1;background:#e9eeee;transition:background .3s}.md-block span{display:block;margin-top:6px;font-size:9px;text-align:center;color:#a1a9ad;font-variant-numeric:tabular-nums}.md-block-active i{background:#c3dfe3}.md-block-executed i{background:#91bbc3}.method-demo[data-enabled="true"][data-phase="refine"] .md-block-active i{background:#e5ce9b}.md-timeline-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:9px;color:#969fa3}.md-replay{font-size:10px;color:#6c7980}.md-footnote{font-size:10px;line-height:1.6;padding:16px 30px;background:#fafbfb;color:#939c9f;border-top:1px solid #f0f2f2}.method-demo[data-enabled="false"] .md-tactile-path,.method-demo[data-enabled="false"] .md-mobile-tactile{opacity:.22}.method-demo[data-enabled="false"] .md-switch{background:#bac3c6}.method-demo[data-enabled="false"] .md-switch:after{left:3px}.method-demo[data-enabled="false"] .md-live i{background:#9bacb0;box-shadow:none}.method-demo[data-enabled="false"] .md-corrected-legend{opacity:.35}.md-mobile-diagram{display:none}@media(max-width:700px){.method-demo{border-radius:21px}.md-toolbar{padding:18px;gap:10px}.md-live{font-size:8px;letter-spacing:.08em}.md-controls{gap:12px}.md-controls button{font-size:10px}.md-pause{min-width:40px}.md-diagram-wrap{display:none}.md-mobile-diagram{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:24px 18px;font-size:11px;text-align:center}.md-mobile-base,.md-mobile-tactile{display:flex;flex-direction:column;align-items:stretch;gap:8px;transition:opacity .3s}.md-mobile-diagram span,.md-mobile-diagram strong{padding:13px 7px;border-radius:10px;background:#edf6f7;line-height:1.55;font-weight:500}.md-mobile-base span:first-child{background:#f2eff8}.md-mobile-tactile span{background:#fcf0ed}.md-mobile-tactile strong{background:#fbf5e8}.md-mobile-diagram b{font-weight:400;color:#a2afb4}.md-bottom{grid-template-columns:1fr;margin:0 18px;gap:26px;padding:20px 0}.md-flow-panel{order:2;border-top:1px solid #eff1f2;padding-top:22px}.md-phase-title{margin-top:16px;font-size:21px}.md-phase-copy{min-height:0;margin-bottom:18px;max-width:none}.md-footnote{padding:15px 18px;font-size:9px}.md-panel-label{font-size:8px}.md-flow{max-height:205px}.md-blocks{gap:10px}}@media(prefers-reduced-motion:reduce){.method-demo *{transition:none!important}}

.md-pred-wire{stroke:#E0583F}.md-fusion-wire,.md-delta-wire{stroke:#B48124}

.md-expert .md-subexpert{fill:#fffaf0;stroke:#e9dcbf;stroke-width:.7}.md-branch-label{font-size:10px;fill:#796332}.md-prior-status{font-size:9px;line-height:1.6;color:#a47736;margin:0 0 13px}.md-block i.md-step-done{background:#91bbc3}.md-output .md-module-title{font-size:11px}
