/* Four-node T: people / platform / existing systems, with controlled records below. */
.architecture-details .op-map{overflow:visible!important}.architecture-details .op-diagram{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.28fr) minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:22px;row-gap:0;padding:66px 0 0!important;position:relative;isolation:isolate;width:100%}
.op-direct-caption{position:absolute;left:0;right:0;top:28px;text-align:center;font-size:10px;color:#91aeb7;line-height:1.4;padding:0 18px}
.op-map .op-people,.op-map .op-platform,.op-map .op-sources{grid-row:1;position:relative;min-width:0;align-self:center;margin:0;padding:13px 10px;border-radius:9px;background:#10232d}
.op-map .op-people{grid-column:1}.op-map .op-platform{grid-column:2;background:linear-gradient(130deg,#1b4034,#102a2b);padding:15px 9px;border-color:#659a7e}.op-map .op-sources{grid-column:3}
.op-map .op-people>strong,.op-map .op-sources>strong{display:block;font-size:15px;line-height:1.45;font-weight:500;color:#e2f0ea}.op-map .op-people>small,.op-map .op-sources>small{display:block;margin-top:8px;line-height:1.65;font-size:11px;color:#a7c0c9}.op-map .op-layer-label{font-size:9px;letter-spacing:.02em;line-height:1.5;margin-bottom:8px}.op-map .op-platform-head{display:block;text-align:center}.op-map .op-monogram{display:block;padding:0 0 8px;border:0;font-size:30px}.op-map .op-platform-head strong{font-size:20px}.op-map .op-platform-head div>span{font-size:11px;line-height:1.4;margin-top:7px}.op-map .op-private{text-align:center;font-size:9px;line-height:1.5;margin-top:12px;padding-top:9px}
.op-side-caption{grid-row:2;font-size:10px;line-height:1.5;color:#97b8b5;margin-top:13px;max-width:135px;padding-bottom:90px}.op-left-caption{grid-column:1;text-align:left}.op-right-caption{grid-column:3;text-align:right;justify-self:end}
.op-records{grid-column:1/-1;grid-row:3;border:1px solid #385b50;border-radius:10px;background:#10262a;position:relative;padding:16px 12px}.op-records-heading{text-align:center}.op-records-heading .op-layer-label{color:#bbe7d1;font-size:11px;letter-spacing:.04em;margin-bottom:3px}.op-records-heading>small{font-size:11px;color:#96b6b3}.record-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:15px}.record-destinations>div{padding:11px 7px;border:1px solid #354e4e;border-radius:6px;background:#0f2028;transition:background .5s,border-color .5s;min-height:72px}.record-destinations span{display:block;font-size:9px;color:#77a18e;margin-bottom:6px}.record-destinations b{display:block;font-size:11px;font-weight:500;line-height:1.45;color:#bbd4cd}.record-destinations .record-arrived{border-color:#7db596;background:#183c30}
.op-map .op-wires{z-index:-1;overflow:visible;color:#6f9a8b}.op-map .op-wire{stroke-width:1.1;fill:none;marker-end:url(#op-arrow);opacity:.8}.op-map .op-direct{stroke:#7896a0;marker-start:url(#op-arrow);stroke-dasharray:4 6;opacity:.6}.op-map .op-write,.op-map .op-request{stroke-dasharray:3 5;opacity:.55}.op-map .op-records[data-wire]{stroke:#9de4bd;stroke-width:1.6}.op-map .op-feedback{stroke-dasharray:2 7;opacity:.4}.op-map[data-phase] .op-pulse{stroke-dasharray:8 14 3 900!important;stroke:#a8e6c8;stroke-width:2;stroke-linecap:round;opacity:0;animation:none!important}
.record-packet{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;width:48px;height:54px;background:#e0f2e5;border:1px solid #a4d1b1;border-radius:3px 9px 3px 3px;color:#183f31;font-family:monospace;font-size:11px;font-weight:600;box-shadow:0 8px 18px #02150f33;pointer-events:none}.record-packet:after{content:'';position:absolute;bottom:9px;left:10px;right:10px;height:5px;border-top:1px solid #80a58c;border-bottom:1px solid #80a58c}
.record-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:17px 0 6px;padding:0 2px;min-height:72px}.record-caption-kicker{display:block;font-size:9px;color:#789e99;letter-spacing:.04em}.record-caption strong{display:block;font-size:15px;font-weight:500;margin-top:5px;color:#ccebd9}.record-caption #record-status{display:block;font-size:11px;color:#a6c2b4;margin-top:4px}.record-next{font-size:11px;color:#a6e0c5;padding:8px;min-height:44px;white-space:nowrap}.record-explanation{border-top:1px solid #314d49;margin-top:12px}.record-explanation summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 0;font-size:11px;color:#9bbfb8;cursor:pointer}.record-explanation p,.record-explanation li{font-size:12px;color:#abc4c8;line-height:1.75;margin:9px 0}.record-explanation ol{padding-left:19px}.record-explanation small{font-size:10px;color:#89b39f}.record-boundary{border-top:1px solid #304b49;padding-top:10px}.record-caption #record-counter{font-size:10px}
@media(max-width:480px){.architecture-details .op-diagram{column-gap:12px;padding-top:61px!important}.op-map .op-people,.op-map .op-sources{padding:11px 6px}.op-map .op-platform{padding:12px 5px}.op-map .op-platform-head strong{font-size:16px}.op-map .op-people>strong,.op-map .op-sources>strong{font-size:12px}.op-map .op-layer-label{font-size:8px}.op-map .op-people>small,.op-map .op-sources>small{font-size:10px}.op-map .op-private{font-size:8px}.op-map .op-platform-head div>span{font-size:9px}.op-side-caption{font-size:9px;padding-bottom:75px}.record-destinations b{font-size:10px}.record-destinations>div{padding:10px 5px}.op-direct-caption{font-size:9px}.op-records{padding:14px 8px}.op-map .op-topline h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){.record-destinations>div{transition:none}.record-packet{display:none}}
/* The minimized diagram keeps the same four-part T. */
.architecture-details.map-is-collapsed .mini-loop{display:grid!important;grid-template-columns:1fr 1fr 1fr;gap:4px;align-items:center;justify-items:center;width:100%;max-width:130px;margin:auto}.mini-loop i{padding:3px 5px;font-size:10px}.mini-loop b{font-size:18px}.mini-loop em{grid-column:2;font-size:17px;font-style:normal;color:#9ee2bc}.mini-loop b:before{width:10px;height:1px;top:50%;left:-10px}.mini-loop b:after{width:1px;height:10px;top:100%;left:50%}.architecture-details.map-is-collapsed .map-toggle{min-height:120px}
@media(max-width:800px){.architecture-details.map-is-collapsed .mini-loop{width:90px;flex-shrink:0;margin:0}.architecture-details.map-is-collapsed .map-toggle{min-height:82px}}
/* A cropped process wheel receives each record; only its upper arc is visible. */
.op-map .op-side-caption{padding-bottom:138px}.op-map #op-records{padding:16px 0 0;background:#0d2027;border-color:#35554b;overflow:hidden}.op-map .op-records-heading{padding:0 12px;position:relative;z-index:1}.process-wheel{height:190px;position:relative;overflow:hidden;isolation:isolate;mask-image:linear-gradient(to bottom,#000 0%,#000 58%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,transparent 100%);margin-top:8px}.wheel-rotor{--wheel-size:720px;width:var(--wheel-size);height:var(--wheel-size);position:absolute;left:50%;top:14px;margin-left:calc(var(--wheel-size) / -2);border:1px solid #497766;border-radius:50%;transform-origin:center;background:repeating-conic-gradient(from -1deg,transparent 0deg 29.8deg,#385a4d66 29.8deg 30deg);box-shadow:inset 0 0 0 19px #10292b,inset 0 0 0 20px #335546}.wheel-rotor:after{content:'';position:absolute;inset:100px;border:1px solid #36594b;border-radius:50%;pointer-events:none}.wheel-spoke{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--stage-angle));transform-origin:0 0}.wheel-stage-content{--counter-turn:0deg;position:absolute;left:-54px;top:calc(var(--wheel-size) / -2 + 30px);width:108px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;transform:rotate(calc(0deg - var(--stage-angle) + var(--counter-turn)));transform-origin:54px 22px;color:#75958d}.wheel-stage-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #385a4b;border-radius:11px;background:#0e2125;color:#8cbaaa;transition:background .4s,border-color .4s,color .4s}.wheel-stage-icon svg,.record-token svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.wheel-stage-content b{font-size:10px;font-weight:500;line-height:1.35;max-width:105px}.wheel-stage-content small{font-size:9px;font-variant-numeric:tabular-nums;opacity:.7}.wheel-stage-content.is-current{color:#d4efdf}.wheel-stage-content.is-current .wheel-stage-icon{background:#244c38;border-color:#96c4a8;color:#c7f4d7;box-shadow:0 0 23px #6dae8120}.wheel-dock{position:absolute;left:50%;top:39px;transform:translateX(-50%);width:52px;height:52px;border:1px solid #84b69c;border-radius:15px;z-index:1;opacity:.5;pointer-events:none}.wheel-caption{display:flex;align-items:center;justify-content:space-between;padding:0 16px 13px;gap:15px;margin-top:-15px;position:relative;color:#acdac2;font-size:11px}.wheel-caption #wheel-count{font-size:10px;color:#82a797;font-variant-numeric:tabular-nums}.record-token{width:56px;height:62px;background:linear-gradient(150deg,#234735,#10282a);border:1px solid #8cb69d;border-radius:12px;color:#b9edce;display:flex;flex-direction:column;gap:3px;box-shadow:0 10px 25px #020d0a70,0 0 20px #87dca01a}.record-token:after{display:none}.record-token b{font-size:10px;letter-spacing:.04em;font-weight:500}.record-token svg{width:28px;height:28px}.record-explanation .wheel-stage-list{font-size:11px;line-height:1.9;color:#92bdac;border-block:1px solid #2c4740;padding:12px 0}.op-map .op-wire[data-wire=records]{stroke-dasharray:3 6;opacity:.4}
@media(max-width:480px){.op-map .op-side-caption{padding-bottom:125px}.process-wheel{height:165px}.wheel-stage-content{width:86px;left:-43px;transform-origin:43px 22px}.wheel-stage-content b{font-size:9px;max-width:85px}.wheel-caption{font-size:10px;padding-inline:12px}.op-map .op-records-heading .op-layer-label{font-size:10px}.op-map .op-records-heading>small{font-size:10px}.record-token{width:56px;height:62px}}
@media(prefers-reduced-motion:reduce){.wheel-stage-icon{transition:none}}
.op-map .op-people,.op-map .op-sources{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.op-map .op-wire{stroke-linecap:round;stroke-linejoin:round}.op-map .op-direct{stroke-dasharray:2 7;opacity:.45}.op-map .op-feedback{stroke:#739c8b;stroke-dasharray:2 8;opacity:.35}.op-map .op-side-caption{padding-bottom:120px}.wheel-dock{left:50%;top:58px;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:14px}.record-filing{border-left:2px solid #659f82;padding:9px 12px;margin:14px 0 0;background:#112a28;border-radius:0 5px 5px 0}.record-filing>div{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}.record-filing span{font-size:8px;color:#88b2a3;letter-spacing:.045em}.record-filing strong{font-size:10px;font-weight:500;color:#c9ebd9;font-variant-numeric:tabular-nums}.record-filing p{font-size:10px;color:#a4c8b8;margin:5px 0 0}.op-records-heading .op-layer-label{letter-spacing:.015em!important}.op-records-heading>small{font-size:10px!important}

/* Parallel prototype: current work remains visible while preparation arrives earlier. */
.parallel-intro{font-size:12px;line-height:1.65;color:#a8bdc3;margin:0 0 18px}.parallel-story{display:grid;gap:10px;margin:0 0 10px}.parallel-story>div{border-left:2px solid #647e89;padding:9px 12px;background:#102029;border-radius:0 6px 6px 0}.parallel-story .parallel-prepared{border-color:#8edabb;background:#102b28;transition:background .6s,border-color .6s}.parallel-story span{font-size:9px;letter-spacing:.055em;color:#9db5be}.parallel-story p{font-size:13px;line-height:1.5;margin:7px 0;min-height:2.9em;color:#d9e7e8}.parallel-prepared>div{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}.parallel-prepared b{font-size:9px;font-weight:500;color:#99c3b5;transition:color .4s}.parallel-prepared small{display:block;font-size:11px;line-height:1.5;color:#9cc5b6}.op-map[data-parallel=ready] .parallel-prepared{background:#16372e;border-color:#b5f3d8}.op-map[data-parallel=ready] #parallel-state{color:#c0ffe4}.current-packet{position:absolute;top:0;left:0;width:19px;height:22px;background:#162a34;border:1px solid #8ba5b1;border-radius:4px;display:grid;place-items:center;offset-rotate:0deg;pointer-events:none;z-index:3;color:#b7cbd3}.current-packet svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.4;fill:none}.record-jump{display:grid;gap:8px;margin:14px 0;font-size:11px;color:#a1bec3}.record-jump select{width:100%;min-width:0;min-height:44px;padding:10px 8px;border:1px solid #345149;border-radius:6px;background:#102028;color:#d8ebe5;font:inherit;font-size:12px}.parallel-footnote{font-size:10px;line-height:1.65;color:#8ca8b1;margin:12px 0}.record-jump select:focus-visible{outline:2px solid #b5f3d8;outline-offset:3px}@media(prefers-reduced-motion:reduce){.parallel-story .parallel-prepared,.parallel-prepared b{transition:none}.current-packet{display:none}}

.parallel-kpis{margin:16px 0 8px;padding:14px 0;border-top:1px solid #29433f;border-bottom:1px solid #29433f}.parallel-kpi-label{font-size:9px;letter-spacing:.06em;color:#94b7aa}.parallel-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0}.parallel-kpi-grid>div{min-width:0}.parallel-kpi-grid strong{display:block;font-size:clamp(22px,2.5vw,30px);font-weight:500;letter-spacing:-.025em;color:#b6ecd5;font-variant-numeric:tabular-nums}.parallel-kpi-grid span{display:block;font-size:11px;color:#a9bec3;line-height:1.5;margin-top:4px}.parallel-kpis p{font-size:11px;line-height:1.65;color:#94b2b8;margin:8px 0}.parallel-assumptions summary{font-size:11px;color:#add5c6;cursor:pointer;min-height:32px;padding:8px 0}.parallel-assumptions label{font-size:11px;display:block;color:#adbec4}.parallel-assumptions input{max-width:120px;padding:10px;background:#0a1c23;color:#e6f5ec;border:1px solid #49665c;border-radius:5px;font:inherit;margin-top:8px}.parallel-assumptions button{font-size:12px;color:#b6ecd5;min-height:44px;text-decoration:underline;text-underline-offset:4px}.parallel-assumptions input:focus-visible,.parallel-assumptions summary:focus-visible{outline:2px solid #b5f3d8;outline-offset:3px}
.op-map .op-direct-caption{top:8px}

.parallel-rate{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #29433f}.parallel-rate strong{flex-shrink:0;color:#b6ecd5;font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}.parallel-rate span{font-size:11px;line-height:1.5;color:#a9bec3;max-width:180px}.parallel-kpis .demo-clock-note{font-size:10px;color:#8da9b0}.op-map .op-people>small,.op-map .op-sources>small{line-height:1.6;overflow-wrap:break-word}.op-map .op-layer-label{line-height:1.5}@media(max-width:380px){.parallel-rate{align-items:flex-start;flex-direction:column;gap:5px}}

/* Keep enough room for the 62px document token without the old 120px void. */
.op-map .op-side-caption{padding-bottom:76px}.counter-pause{font-size:11px;color:#add5c6;min-height:36px;text-decoration:underline;text-underline-offset:3px}.counter-pause:disabled{opacity:.5;cursor:default}@media(max-width:480px){.op-map .op-side-caption{padding-bottom:64px}}
/* Shared-clock comparison. A mirrored upper arc and a lower arc use independent durations. */
.op-map.comparison-map{display:block!important}.comparison-map .comparison-wheel{border:1px solid #36545a;border-radius:10px;background:#0d2027;overflow:hidden;position:relative;padding:12px 0 0;margin:10px 0 0;min-width:0}.comparison-map .manual-wheel{border-color:#526272;background:#10202b}.comparison-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px}.comparison-heading b{font-size:10px;font-weight:400;color:#a3b8c2}.comparison-heading .op-layer-label{margin:0;color:#bee5d6}.manual-wheel .op-layer-label{color:#c7d5e6}.wheel-viewport{height:132px;position:relative;overflow:hidden;mask-image:linear-gradient(#000 65%,transparent);-webkit-mask-image:linear-gradient(#000 65%,transparent)}.comparison-rotor{--diameter:650px;--counter:0deg;position:absolute;left:50%;top:12px;width:var(--diameter);height:var(--diameter);margin-left:calc(var(--diameter) / -2);border:1px solid #577a6b;border-radius:50%;box-shadow:inset 0 0 0 15px #17312e,inset 0 0 0 16px #466154;transition:transform .25s linear}.comparison-spoke{position:absolute;left:50%;top:50%;transform:rotate(var(--angle));width:0;height:0}.comparison-item{position:absolute;left:-25px;top:calc(var(--diameter) / -2 + 27px);width:50px;text-align:center;transform:rotate(calc(0deg - var(--angle) + var(--counter)));transform-origin:25px 17px;color:#719990}.comparison-item>span{display:grid;place-items:center;width:32px;height:34px;margin:0 auto 5px;border:1px solid #3e6358;border-radius:8px;background:#10282a}.comparison-item svg{width:21px;height:21px}.comparison-item b{font-size:9px;font-weight:500}.comparison-item.is-current{color:#d3ffe7}.comparison-item.is-current>span{background:#28573e;border-color:#a0e3be;box-shadow:0 0 16px #98d7b329}.manual-wheel .wheel-viewport{transform:scaleY(-1)}.manual-wheel .comparison-item{transform:rotate(calc(0deg - var(--angle) + var(--counter))) scaleY(-1)}.manual-wheel .comparison-rotor{border-color:#6d8297;box-shadow:inset 0 0 0 15px #1b2f42,inset 0 0 0 16px #43576b}.manual-wheel .comparison-item.is-current>span{background:#2b465d;border-color:#acbfd1}.comparison-caption{padding:8px 13px 12px;display:grid;gap:6px}.comparison-caption strong{font-size:13px;font-weight:500;color:#d2e8e5;line-height:1.5}.comparison-caption small{font-size:10px;color:#a1b8c0;line-height:1.5}.comparison-caption progress{width:100%;height:4px;accent-color:#9cdbbb;border:0;background:#23383c}.manual-wheel progress{accent-color:#99b8d6}.comparison-map .op-diagram{column-gap:30px;padding-top:53px!important}.op-map.comparison-map .op-side-caption{padding-bottom:42px;margin-top:9px;font-size:9px}.op-map.comparison-map #op-records{grid-column:1/-1;grid-row:3;padding:12px 0 0;margin:0;background:#0d2528}.comparison-map .op-wire{stroke:#90c3b0;stroke-width:1.5;opacity:.95}.comparison-map .op-direct{stroke:#9fbbcc;stroke-width:1.3;opacity:.75}.comparison-map .op-feedback{stroke:#7ba593;opacity:.6}.comparison-map .op-write,.comparison-map .op-request{stroke-dasharray:4 8;opacity:.8}.comparison-map .op-wire[data-wire=records]{stroke-dasharray:5 9;opacity:.85;animation:comparison-flow 2s linear infinite}.simulation-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}.simulation-controls label{font-size:11px;color:#aabfc6}.simulation-controls select{max-width:100%;padding:9px 5px;background:#10232b;border:1px solid #456057;border-radius:5px;color:#d7eee4;font-size:11px;min-height:40px}.simulation-controls button{font-size:11px;padding:8px;min-height:40px;color:#b6ecd5;text-decoration:underline;text-underline-offset:3px}.simulation-controls small{flex-basis:100%;color:#9dbac3;font-size:11px;font-variant-numeric:tabular-nums}.cost-inputs{display:flex;flex-wrap:wrap;gap:14px}.timing-scroll{max-width:100%;overflow:auto;margin:15px 0}.timing-table{border-collapse:collapse;width:100%;min-width:390px;font-size:10px;color:#b6ced1}.timing-table caption{text-align:left;padding:8px 0;line-height:1.5}.timing-table th,.timing-table td{padding:7px 4px;text-align:left;border-bottom:1px solid #304847}.timing-table th{font-weight:500;line-height:1.5}.parallel-assumptions .timing-table input{width:65px;max-width:65px;padding:7px 3px;margin:0;font-size:11px}.comparison-map .parallel-kpis{margin-top:18px}.simulation-still .op-wire{animation:none!important}@keyframes comparison-flow{to{stroke-dashoffset:-28}}@media(max-width:480px){.comparison-map .op-diagram{column-gap:25px}.op-map.comparison-map .op-side-caption{padding-bottom:34px}.comparison-map .op-people,.comparison-map .op-sources{padding:10px 5px}.comparison-map .op-platform{padding:10px 4px}.comparison-map .op-platform-head strong{font-size:16px}.comparison-map .op-people>strong,.comparison-map .op-sources>strong{font-size:12px}.wheel-viewport{height:118px}}@media(prefers-reduced-motion:reduce){.comparison-rotor{transition:none}.comparison-map .op-wire{animation:none!important}}
.wheel-viewport[data-swipe]{touch-action:pan-y;cursor:grab;user-select:none}.wheel-viewport[data-swipe]:active{cursor:grabbing}.wheel-viewport:focus-visible{outline:2px solid #afe6cf;outline-offset:-3px}.wheel-navigation{display:flex;align-items:center;justify-content:space-between;padding:0 10px 8px;gap:10px}.wheel-navigation button{min-width:44px;min-height:44px;color:#c5ebdc;border:1px solid #37564d;border-radius:8px;font-size:19px}.wheel-navigation span{font-size:10px;color:#90acb5}.wheel-editor{border-top:1px solid #37544e;padding:12px;display:grid;gap:8px}.wheel-editor[hidden]{display:none}.wheel-editor label,.wheel-editor p,.wheel-editor small{font-size:11px;line-height:1.6;color:#adc5c9}.wheel-editor input{width:100%;max-width:150px;padding:10px;background:#0b1a24;color:#d2f1e5;border:1px solid #769c8d;border-radius:5px;font-size:16px}.wheel-editor button{font-size:11px;color:#b8decd;min-height:40px;text-align:left;text-decoration:underline}.stage-manager{margin:14px 0}.stage-manager .stage-check{display:flex;gap:10px;align-items:center;min-height:38px}.parallel-assumptions .stage-check input{width:18px;margin:0}.department-hide{display:flex;flex-wrap:wrap;gap:8px}.department-hide button{font-size:10px;border:1px solid #36564a;border-radius:5px;padding:5px 8px}.comparison-map .wheel-editor input:focus-visible{outline:2px solid #a9e2ca;outline-offset:3px}
/* Direct manipulation bypasses easing only while a finger is moving. */
.wheel-viewport.is-dragging .comparison-rotor{transition:none!important}.wheel-viewport:not(.is-dragging) .comparison-rotor{transition:transform .32s cubic-bezier(.2,.75,.25,1)}.op-map.comparison-map .op-human{stroke:#9fbbcc;stroke-width:1.5;opacity:.9;stroke-dasharray:4 7}.comparison-map .op-direct-caption{top:29px;font-size:9px}.comparison-map .live-document{pointer-events:none;z-index:4}.comparison-map .op-wires{overflow:visible}@media(prefers-reduced-motion:reduce){.wheel-viewport:not(.is-dragging) .comparison-rotor{transition:none}.live-document{display:none}}
.document-manual{background:linear-gradient(150deg,#2a4157,#112330);border-color:#93b4d0;color:#d1e5f7}
.wheel-cycle-seam{position:absolute;left:50%;bottom:50%;height:50%;width:0;border-left:2px dotted #abc7ba70;transform-origin:bottom;transform:rotate(var(--seam-angle));pointer-events:none}.manual-wheel .wheel-cycle-seam{border-color:#b0c5d575}

/* A clear way back to playback after inspecting or editing a stage. */
.simulation-controls #demo-counter-pause[aria-pressed=true]:not(:disabled){background:#a7efd1;color:#09271d;border:1px solid #baffdf;border-radius:7px;padding:10px 18px;min-height:44px;font-weight:650;text-decoration:none;box-shadow:0 3px 14px #87e2b81a}
.simulation-controls #demo-counter-pause[aria-pressed=true]:not(:disabled)::before{content:'▶';font-size:10px;margin-right:8px}
.simulation-controls #demo-counter-pause[aria-pressed=true]:not(:disabled):hover{background:#c4ffe6}
.simulation-controls #demo-counter-pause:focus-visible{outline:2px solid #e4fff2;outline-offset:4px}
.comparison-map .comparison-rotor{transition:transform .09s linear}
.comparison-map .is-dragging .comparison-rotor{transition:none}
@media(prefers-reduced-motion:reduce){.comparison-map .comparison-rotor{transition:none}}