.wf{--wf-review-gutter:clamp(1rem,2vw,1.5rem);--workspace-density:comfortable;container:workflow/inline-size}.cx-dashboard[data-density=compact] .wf{--workspace-density:compact;--wf-review-gutter:var(--ui-space-3,.75rem)}.ex-shell:has(.ex-layout[data-workflow=true]){width:min(1600px,calc(100% - var(--mk-gutter, 16px) * 2));border:0;box-shadow:none}.wf .wf-stage{grid-template-columns:minmax(0,1fr)}.wf .wf-canvas{display:grid;align-content:start;block-size:clamp(360px,65svh,720px);max-block-size:none;overflow:auto;overscroll-behavior-inline:contain;overscroll-behavior-block:auto;padding:clamp(1rem,3vw,2rem);border:1px solid var(--ui-line,var(--border-subtle));border-radius:var(--ui-radius-md,.875rem);background:var(--surface);box-shadow:var(--ui-shadow-panel,none);scrollbar-width:none;user-select:none;cursor:grab;touch-action:pan-y;transition:border-color var(--ui-motion-enter,.18s) var(--ui-ease-settle,ease-out),box-shadow var(--ui-motion-enter,.18s) var(--ui-ease-settle,ease-out)}.wf .wf-canvas *{user-select:none;cursor:inherit}.wf .wf-canvas :is([data-node-id],[data-edge-id],.wf-edge-hit){cursor:grab}.wf .wf-canvas[data-camera-motion=pan]{border-color:color-mix(in srgb,var(--accent) 55%,var(--ui-line,var(--border-subtle)));box-shadow:var(--ui-shadow-panel,0 1px 2px transparent),0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}.wf[data-grid=true] .wf-canvas{background-image:radial-gradient(color-mix(in srgb,var(--foreground) 8%,transparent) 1px,transparent 1px);background-size:24px 24px}.tr-surface[data-dragging=true],.wf .wf-canvas[data-dragging=true]{cursor:grabbing;user-select:none}.wf .wf-canvas[data-dragging=true] *,.wf .wf-canvas[data-dragging=true] :is([data-node-id],[data-edge-id],.wf-edge-hit){cursor:grabbing}.tr-surface[data-layout=horizontal]{cursor:grab;touch-action:pan-y}.wf-record-review{min-inline-size:0;padding-inline:var(--wf-review-gutter)}.wf-record-inspector{scroll-margin-block-start:80px;inline-size:min(100%,var(--inspector-width,560px));margin-block-start:var(--ui-space-3,.75rem);border:1px solid var(--ui-line,var(--border-subtle));border-radius:var(--ui-radius-md,.875rem);background:var(--surface);box-shadow:var(--ui-shadow-panel,none);overflow:clip}.wf-record-inspector:not([open]){inline-size:100%}.wf-record-inspector[hidden]{display:none}.wf-record-inspector[data-state=corrected],.wf-record-inspector[data-state=stale]{border-color:color-mix(in srgb,var(--status-review) 55%,var(--ui-line,var(--border-subtle)))}.wf-record-inspector[data-state=current],.wf-record-inspector[data-state=recorded]{border-color:color-mix(in srgb,var(--status-implemented) 55%,var(--ui-line,var(--border-subtle)))}.wf-record-inspector summary{cursor:pointer;padding:var(--ui-space-4,1rem);min-block-size:44px;font-weight:600;transition:background-color var(--ui-motion-enter,.18s) var(--ui-ease-settle,ease-out)}.wf-record-inspector summary:hover{background:var(--surface-muted)}.wf-record-inspector summary span{display:block;margin-block-start:var(--ui-space-1,.25rem);color:var(--foreground-muted);font-size:.8125rem;font-weight:400}.wf-record-inspector .wf-panel{max-block-size:none;overflow:visible;padding:0;border:0;background:transparent}.wf-record-inspector .ui-inspector{inline-size:100%;border:0}.wf .wf-neighbors{padding:var(--ui-space-4,1rem) var(--wf-review-gutter);gap:var(--ui-space-3,.75rem)}.wf-neighbors>section{background:var(--surface);box-shadow:var(--ui-shadow-panel,none)}.wf-review-footer{display:grid;gap:var(--ui-space-4,1rem);padding:var(--ui-space-4,1rem) var(--wf-review-gutter) var(--ui-space-6,1.5rem);border-block-start:1px solid var(--ui-line,var(--border-subtle))}.mk-site .wf-review-footer :is(p,.tr-example-story,.wf-legend){margin:0}@container workflow (min-width: 720px){.wf .wf-record-inspector .wf-versions{grid-template-columns:repeat(2,minmax(0,1fr))}}@container workflow style(--workspace-density: compact){.wf-storyline>header{gap:var(--ui-space-1,.25rem) var(--ui-space-2,.5rem)}.wf-review-footer{gap:var(--ui-space-3,.75rem)}}.wf-storyline{min-inline-size:0;padding:0 var(--wf-review-gutter) var(--ui-space-4,1rem);border-block-end:1px solid var(--ui-line,var(--border-subtle))}.wf-record-review .wf-storyline{padding:var(--ui-space-3,.75rem) 0 var(--ui-space-4,1rem)}.wf-storyline>header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ui-space-2,.5rem);padding:var(--ui-space-3,.75rem) var(--ui-space-1,.25rem) var(--ui-space-2,.5rem);font-size:.875rem}.wf-storyline header>div{display:grid;gap:var(--ui-space-1,.25rem);min-inline-size:0;max-inline-size:100%;animation:wf-position-reveal var(--ui-motion-enter,.18s) var(--ui-ease-settle,ease-out) both}.wf-storyline>header strong{font-size:.9375rem;line-height:1.4;text-wrap:balance}.wf-storyline header span{color:var(--foreground-muted);font:.75rem/1.5 var(--kam-mono);font-variant-numeric:tabular-nums}.wf-storyline header nav{display:flex;gap:var(--ui-space-1,.25rem);align-items:center}.wf-storyline header nav .ui-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--ui-space-2,.5rem);block-size:44px;inline-size:44px}.wf-storyline-scroll{position:relative;min-inline-size:0}.wf-storyline-scroll:after,.wf-storyline-scroll:before{content:"";position:absolute;inset-block:0 var(--ui-space-3,.75rem);inline-size:20px;z-index:1;pointer-events:none;opacity:0}.wf-storyline-scroll:before{inset-inline-start:0;background:linear-gradient(to right,var(--surface),transparent)}.wf-storyline-scroll:after{inset-inline-end:0;background:linear-gradient(to left,var(--surface),transparent)}.wf-storyline-scroll[data-after=true]:after,.wf-storyline-scroll[data-before=true]:before{opacity:1}.wf-storyline ol{position:relative;display:flex;gap:var(--ui-space-2,.5rem);overflow-x:auto;padding-block:var(--ui-space-2,.5rem) var(--ui-space-3,.75rem);padding-inline:max(4px,calc(50% - var(--timeline-card-width, 200px) / 2));margin:0;list-style:none;scroll-padding-inline:var(--ui-space-1,.25rem);scroll-snap-type:none;scrollbar-width:none;cursor:grab;touch-action:pan-y}.wf .wf-canvas::-webkit-scrollbar,.wf-storyline ol::-webkit-scrollbar{display:none;width:0;height:0}.wf-storyline li{flex:0 0 var(--timeline-card-width,200px)}.wf-storyline ol button{display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-content:start;justify-content:stretch;gap:4px;inline-size:100%;block-size:112px;min-block-size:44px;padding:var(--ui-space-2,.5rem);text-align:start;white-space:normal;overflow:hidden;border:1px solid var(--ui-line,var(--border-subtle));border-radius:var(--ui-radius-sm,.5rem);background:var(--surface);color:var(--foreground-strong);cursor:inherit;transition:border-color var(--ui-motion-enter,.18s) var(--ui-ease-settle,ease-out),background-color var(--ui-motion-enter,.18s) var(--ui-ease-settle,ease-out),box-shadow var(--ui-motion-enter,.18s) var(--ui-ease-settle,ease-out)}.wf-storyline ol button:has(.wf-point-status){grid-template-rows:auto minmax(0,1fr) auto auto}.wf-storyline ol button:hover{border-color:var(--accent);background:var(--surface-elevated)}.wf-storyline ol button[aria-current=step]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 -3px var(--accent),var(--ui-shadow-panel,0 1px 2px transparent)}.wf-storyline ol button[aria-current=step] time{color:var(--accent);font-weight:650}.wf-storyline ol button strong{align-self:start;min-inline-size:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.8125rem;line-height:1.35}.wf-storyline small,.wf-storyline time{color:var(--foreground-muted);font-size:.75rem}.wf-storyline time{font-family:var(--kam-mono);font-variant-numeric:tabular-nums}.wf-point-ruler{display:flex;align-items:baseline;gap:var(--ui-space-1,.25rem);min-inline-size:0;padding-block-end:var(--ui-space-1,.25rem);border-block-end:1px solid var(--ui-line,var(--border-subtle))}.wf-point-ruler time{flex:1 1 auto;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;line-height:1.3}.wf-point-ruler .wf-point-order{flex:0 0 auto;color:var(--foreground-muted);font:.625rem/1.3 var(--kam-mono);font-variant-numeric:tabular-nums}.wf-storyline .wf-point-meta,.wf-storyline .wf-point-status{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;line-height:1.3}.wf-point-meta{font-family:var(--kam-mono)}.wf-storyline ol[data-dragging=true]{cursor:grabbing;user-select:none}.wf-storyline[data-scrubbing=true] header>div{animation:none}.mk-site .wf-storyline p{font-size:.8125rem}.mk-site .wf-storyline p,.wf-storyline-help{margin:var(--ui-space-2,.5rem) var(--ui-space-1,.25rem) 0;color:var(--foreground-muted);line-height:1.5}.wf-storyline-help{display:block;max-inline-size:68ch;font-size:.75rem}.wf-timeline-playhead{position:absolute;inset-inline-start:50%;inset-block:0 var(--ui-space-3,.75rem);inline-size:1px;background:color-mix(in srgb,var(--accent) 40%,transparent);pointer-events:none;z-index:1}.wf-timeline-playhead:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:-4px;border:5px solid transparent;border-block-start-color:var(--accent)}.wf-debug-toolbar{min-inline-size:0}.wf-timeline-dial{margin-inline:var(--ui-space-2,.5rem)}.wf-timeline-dial .ui-slider-thumb{inline-size:18px;block-size:18px}@keyframes wf-position-reveal{0%{opacity:.65}to{opacity:1}}@media (prefers-reduced-motion:reduce){.wf-storyline header>div{animation:none}.wf .wf-canvas,.wf-record-inspector summary,.wf-storyline ol button{transition:none}.wf .wf-canvas[data-camera-motion=pan]{box-shadow:var(--ui-shadow-panel,none)}}@media (prefers-contrast:more){.wf-storyline ol button[aria-current=step]{box-shadow:inset 0 -3px var(--accent)}.wf .wf-canvas,.wf .wf-canvas[data-camera-motion=pan],.wf-neighbors>section,.wf-record-inspector{box-shadow:none}}@media (forced-colors:active){.wf .wf-canvas,.wf-storyline ol{scrollbar-width:thin;scrollbar-color:auto}.wf .wf-canvas::-webkit-scrollbar,.wf-storyline ol::-webkit-scrollbar{display:revert;width:8px;height:8px}}@supports (width:1cqi){.wf{--wf-review-gutter:clamp(1rem,2cqi,1.5rem)}.wf .wf-canvas{padding:clamp(1rem,3cqi,2rem)}}.wf .wf-workspace-frame.wf-graph-viewport{--workspace-body-min-size:160px;--wf-timeline-dock-height:var(--workspace-footer-size,144px)}.wf .wf-graph-viewport[data-docked=true]:not([hidden]){--workspace-frame-size:var(--wf-viewport-height,clamp(440px,72svh,720px));isolation:isolate;scroll-margin-block-start:var(--cx-app-bar-height,var(--app-header-height,0));border:1px solid var(--ui-line,var(--border-subtle));border-radius:var(--ui-radius-md,.875rem);background:var(--surface);box-shadow:var(--ui-shadow-panel,none)}.wf-graph-viewport[hidden]{display:none}.wf-graph-camera{position:relative;min-inline-size:0;min-block-size:0;container:graph-camera/inline-size}.wf .wf-graph-viewport[data-docked=true] .wf-canvas{height:100%;block-size:100%;min-block-size:0;border:0;border-radius:0;box-shadow:none;outline-offset:-3px}.wf .wf-graph-viewport[data-docked=true] .wf-canvas[data-camera-motion=pan]{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.wf-viewport-dock{position:relative;z-index:3;border-block-start:1px solid var(--ui-line-strong,var(--border-strong));background:var(--surface-elevated);box-shadow:0 -8px 24px color-mix(in srgb,var(--foreground) 7%,transparent)}.wf-viewport-dock:before{content:"";position:absolute;inset-inline:0;inset-block-end:100%;block-size:8px;background:linear-gradient(to top,color-mix(in srgb,var(--surface-elevated) 55%,transparent),transparent);pointer-events:none}.wf .wf-viewport-dock .wf-storyline{display:grid;grid-template-rows:1.25rem 44px 4.5rem 1.5rem;block-size:100%;padding:.5rem .75rem;border:0}.wf-viewport-dock .wf-storyline>header{grid-row:1;min-inline-size:0;padding:0 4px}.wf-viewport-dock .wf-storyline header>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;inline-size:100%}.wf-viewport-dock .wf-storyline>header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;line-height:1.25;text-wrap:nowrap}.wf-viewport-dock .wf-storyline header span{white-space:nowrap;font-size:.6875rem;line-height:1.25}.wf-viewport-dock .wf-timeline-dial{grid-row:2;min-inline-size:0;margin-inline:8px}.wf-viewport-dock .wf-timeline-dial .ui-slider-thumb{inline-size:20px;block-size:20px;border-width:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)}.wf-viewport-dock .wf-storyline-scroll{grid-row:3;min-inline-size:0}.wf-viewport-dock .wf-storyline ol{block-size:100%;gap:6px;padding-block:4px}.wf-viewport-dock .wf-storyline ol button{block-size:100%;min-block-size:44px;grid-template-rows:auto minmax(0,1fr) auto;gap:2px;padding:5px 8px;border-radius:var(--ui-radius-sm,.5rem)}.wf-viewport-dock .wf-storyline ol button strong{-webkit-line-clamp:1;font-size:.75rem;line-height:1.25}.wf-viewport-dock .wf-point-ruler{gap:4px;padding-block-end:2px}.wf-viewport-dock .wf-storyline .wf-point-meta{font-size:.75rem;line-height:1.2}.wf-viewport-dock .wf-point-status{display:none}.wf-viewport-dock .wf-storyline-scroll:after,.wf-viewport-dock .wf-storyline-scroll:before,.wf-viewport-dock .wf-timeline-playhead{inset-block-end:4px}.wf-viewport-dock .wf-storyline>p{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);margin:0}.wf-viewport-dock .wf-storyline-help{grid-row:4;align-self:center;margin:0 4px;max-inline-size:none;font-size:.75rem;line-height:1.2}@supports (backdrop-filter:blur(12px)){.wf-viewport-dock{background:color-mix(in srgb,var(--surface-elevated) 94%,transparent);backdrop-filter:blur(12px) saturate(1.1)}}@media (prefers-contrast:more){.wf-viewport-dock{border-block-start-color:var(--foreground-strong);background:var(--surface);box-shadow:none}.wf-viewport-dock:before{display:none}}@media (forced-colors:active){.wf-viewport-dock{background:Canvas;border-block-start-color:CanvasText;box-shadow:none;backdrop-filter:none}.wf-viewport-dock:before{display:none}.wf-viewport-dock .ui-slider-thumb{box-shadow:none}}.cx-trajectory[data-view=graph],.wf[data-focal-view=true]{--wf-viewport-height:100%;--wf-focal-height:max(560px,calc(100svh - var(--app-header-height, 64px) - 24px))}.cx-workspace .wf[data-focal-view=true]{--wf-viewport-height:100%;--wf-focal-height:max(560px,calc(100svh - 24px))}.cx-trajectory[data-view=graph]{--wf-focal-height:max(560px,calc(100svh - var(--cx-app-bar-height, 53px)))}.cx-trajectory[data-view=graph] .wf-views,.wf[data-focal-view=true] .wf-views{display:grid;grid-template-rows:minmax(0,1fr);block-size:var(--wf-focal-height);min-block-size:min-content}.wf[data-focal-view=true] .wf-detail-view:not([hidden]),.wf[data-focal-view=true] section[aria-label="Entity detail"]{display:grid;grid-template-rows:minmax(0,1fr);min-block-size:0}:is(.wf[data-focal-view=true],.cx-trajectory[data-view=graph]) :is(.wf-stage,.wf-map-area,.cx-record-content){display:grid;grid-template-rows:minmax(0,1fr);min-block-size:0;align-items:stretch}.cx-trajectory[data-view=graph] .wf-map-area>section[aria-label="Trajectory graph"],.wf[data-focal-view=true] .wf-canvas-view:not([hidden]){display:grid;grid-template-rows:minmax(0,1fr);min-block-size:0}:is(.wf[data-focal-view=true],.cx-trajectory[data-view=graph]) .wf-record-review[data-docked=true]{display:none}:is(.wf[data-focal-view=true],.cx-trajectory[data-view=graph]) .wf-graph-viewport[data-docked=true]:not([hidden]){min-block-size:calc(var(--wf-timeline-dock-height) + 52px + var(--workspace-body-min-size))}:is(.wf[data-focal-view=true],.cx-trajectory[data-view=graph]) .wf-graph-camera{contain:size}@supports (block-size:round(down,100%,1px)){.wf .wf-graph-viewport[data-docked=true]>.wf-graph-camera{block-size:round(down,100%,1px)}}.wf-workspace-frame-header>.wf-debug-toolbar{flex:1 1 auto;min-inline-size:0;border:0;padding:0}.wf-workspace-frame-header .wf-tool-shell{border:0;padding:0;background:transparent}.wf-workspace-frame-header .wf-record-focus{min-height:44px;min-block-size:44px;display:flex;flex:0 1 auto;align-items:center;min-inline-size:0;max-inline-size:220px;gap:4px;margin:0;padding:0;border:0;background:transparent}.wf-workspace-frame-header .wf-record-focus>div{min-inline-size:0}.wf-workspace-frame-header .wf-record-focus :is(h3,p,.wf-exact-context,[data-state]){display:none}.wf-workspace-frame-header .wf-record-focus code{display:block;max-inline-size:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.wf-workspace-frame-header .wf-record-inspect{min-inline-size:44px;min-block-size:44px;padding:6px}.wf-more-tool .wf-reading-tools{display:grid;gap:8px;padding:0;border:0}.wf-more-tool .wf-reading-metadata{white-space:normal}@container workspace-frame (max-width: 720px){.wf-workspace-frame-header{gap:2px;padding-inline:2px}.wf-workspace-frame-header .wf-record-focus>div,.wf-workspace-frame-header .wf-root-tools:not(:has(.cx-root-toolbar)){display:none}.wf-workspace-frame-header .wf-root-tools:has(.cx-root-toolbar){display:flex}.wf-workspace-frame-header>.wf-debug-toolbar:has(.cx-root-toolbar){flex:1 0 188px;min-inline-size:188px}.wf-workspace-frame-header .wf-tool-shell:has(.cx-root-toolbar) .wf-tool-row{min-inline-size:48px}.wf-workspace-frame-header .wf-record-focus{flex:0 0 44px}.wf-workspace-frame-header .wf-tool-shell{gap:0}.wf-workspace-frame-header .wf-record-inspect{font-size:.6875rem}}.wf .wf-workspace-frame-header .wf-tool-shell{height:44px;block-size:44px}.wf .wf-workspace-frame-header .wf-tool-row{padding-block:0;scrollbar-width:none}.wf .wf-workspace-frame-header .wf-tool-row::-webkit-scrollbar{display:none}