/* Shared alignment grid: each column begins on the same heading and content baseline. */
.os-figure{--wire:#a9b9d4;--active-wire:var(--blue);container-type:inline-size}.os-map{display:grid;grid-template-columns:200px minmax(0,1fr) 210px;gap:42px;padding:28px 24px 25px;position:relative;background-image:radial-gradient(#acb9ca70 .7px,transparent .7px);background-size:10px 10px;isolation:isolate}.os-map>div{position:relative;z-index:1;min-width:0}.os-column-heading{font:12px/1.6 var(--mono);color:#4f617c;display:flex;align-items:center;gap:9px;min-height:38px;margin-bottom:13px;letter-spacing:.02em}.os-column-heading>span{color:var(--blue);font-weight:500}.os-system-list{display:grid;gap:13px}.os-system{background:#f9fbfd;border:1px solid #bfccdc;padding:14px 12px;display:grid;grid-template-columns:27px 1fr;column-gap:10px;min-height:89px;transition:border-color .3s,background .3s,transform .3s}.os-icon{font-size:25px;color:#657995;align-self:start;line-height:1.2}.os-system strong{font-size:14px;display:block;line-height:1.4;font-weight:600}.os-system small{font-size:12px;color:#596d88;display:block;line-height:1.4;margin-top:3px}.system-state{grid-column:2;font:12px/1.5 var(--mono);color:var(--blue);margin-top:7px}.os-system-note{font-size:12px;line-height:1.65;color:#60718a;margin-top:18px}.os-connectors{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0;pointer-events:none}.os-wire{stroke:var(--wire);stroke-width:1.3;fill:none}.os-wire-signal{stroke:var(--active-wire);stroke-width:2;fill:none;stroke-dasharray:6 180;stroke-linecap:round;opacity:0}.os-record{background:#fff;border:1px solid #b4c3d7;box-shadow:0 7px 22px #2d426018;min-height:460px;display:flex;flex-direction:column}.os-record-top{padding:22px 21px 17px;display:flex;align-items:center;justify-content:space-between;gap:13px;border-bottom:1px solid #d9e1ec}.os-record-top h3{font-size:27px;letter-spacing:-1px}.os-record-top h3 span{color:#718198}.os-record-top .record-kicker{font-size:12px;line-height:1.5;letter-spacing:-.2px;margin-bottom:6px}.os-record-top .record-status{font-size:12px;max-width:115px;white-space:normal;text-align:center;line-height:1.4;flex-shrink:0}.os-record-facts{display:grid;grid-template-columns:1fr auto;gap:20px;padding:18px 21px}.os-record-facts small{display:block;font-size:12px;color:#667991;margin-bottom:5px}.os-record-facts strong{font-size:14px;font-weight:550;line-height:1.5}.os-evidence{padding:0 21px 18px}.os-evidence>.tiny-label{font-size:12px;letter-spacing:-.3px;line-height:1.6}.os-evidence>p{font-size:14px;line-height:1.55;margin:8px 0 14px;max-width:420px}.os-ai-summary{display:flex;gap:10px;background:#edf2ff;border-left:2px solid var(--blue);padding:12px;font-size:13px;line-height:1.6;transition:box-shadow .3s}.ai-label{font:500 12px/1.5 var(--mono);color:var(--blue);flex-shrink:0}.os-ai-summary strong{font-weight:600}.os-decision{background:#f4f6fb;border:1px solid #d2dbeb;margin:0 21px 20px;padding:15px;transition:background .3s,border-color .3s}.os-decision .decision-heading strong{font-size:14px;line-height:1.45}.os-decision>p{font-size:13px;color:#526582;line-height:1.55;margin:10px 0 14px}.os-decision .approve{font-size:13px;min-height:40px;display:inline-flex;gap:18px;vertical-align:middle}.os-decision .approve:disabled{opacity:.48;cursor:default}.os-approval-note{display:block;font-size:12px;color:#60718a;margin-top:9px}.os-audit{display:flex;gap:10px;border-top:1px solid #d9e1ec;padding:12px 21px;background:#fafbfd;font-size:12px;color:#5a6d89;line-height:1.5;margin-top:auto}.os-audit>span:first-child{color:var(--blue);font-size:20px;line-height:1}.os-action-list{border-top:1px solid #b5c5d9}.os-action{padding:21px 0;border-bottom:1px solid #b5c5d9;display:grid;grid-template-columns:25px 1fr;gap:10px;transition:background .3s}.action-number{font:12px/1.6 var(--mono);width:24px;height:24px;display:grid;place-items:center;border:1px solid #b0c0d7;color:#60718a}.os-action small{font:12px/1.5 var(--mono);color:#637591;display:block;margin-bottom:6px}.os-action strong{font-family:var(--display);font-size:18px;line-height:1.25;font-weight:500;letter-spacing:-.5px;display:block}.os-action p{font-size:13px;line-height:1.55;color:#566b87;margin-top:9px}.os-outcome-tag{background:#dce5f1;color:#506580;font:12px/1.6 var(--mono);padding:12px;margin-top:19px}.os-playback{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 24px;border-top:1px solid #bac9dd;background:#dfe7f1}.os-step-track{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.os-step-track button{background:transparent;color:#546982;font-size:13px;padding:8px 10px;display:flex;gap:8px;align-items:center;text-align:left;min-height:39px}.os-step-track button>span{font:12px var(--mono);opacity:.75}.os-step-track button[aria-current=step]{background:var(--blue);color:white}.os-step-track button:disabled{opacity:.5;cursor:not-allowed}.os-play{font-size:13px;font-weight:600;background:var(--paper);border:1px solid #aabdd8;color:var(--ink);padding:10px 14px;min-width:121px;display:flex;justify-content:space-between;gap:10px;align-items:center;flex-shrink:0}.os-caption{display:flex;justify-content:space-between;gap:35px;align-items:start;padding:15px 24px;background:#f0f4f9;border-top:1px solid #c5d2e3;min-height:75px}.os-caption p{font-size:14px;line-height:1.5;max-width:750px}.os-caption>span{font:12px/1.6 var(--mono);color:#64758c;max-width:178px;flex-shrink:0}.os-scattered{position:absolute!important;inset:80px 20px 20px 260px;z-index:4!important;background:#e7edf5f2;backdrop-filter:blur(4px);padding:45px;display:flex;flex-direction:column;justify-content:center;align-items:start}.os-scattered h3{font-size:42px;letter-spacing:-1.6px;line-height:1.12;margin:20px 0}.os-scattered p{font-size:17px;color:var(--muted);max-width:450px;margin-bottom:25px}.os-figure.is-scattered .os-center,.os-figure.is-scattered .os-outcomes,.os-figure.is-scattered .os-connectors{opacity:.08}.os-figure.is-scattered .os-system:nth-child(odd){transform:translateX(-5px)}.os-figure.is-scattered .os-system:nth-child(even){transform:translateX(5px)}.os-figure.is-scattered .system-state{visibility:hidden}.os-figure.is-scattered .os-playback{opacity:.45}.os-figure[data-phase="0"] [data-system="email"],.os-figure[data-phase="1"] [data-system="erp"],.os-figure[data-phase="1"] [data-system="inventory"]{border-color:var(--blue);background:#f0f4ff}.os-figure[data-phase="0"] [data-action="read"] .action-number,.os-figure[data-phase="1"] [data-action="read"] .action-number,.os-figure[data-phase="2"] [data-action="review"] .action-number,.os-figure[data-phase="3"] [data-action="update"] .action-number{background:var(--blue);color:white;border-color:var(--blue)}.os-figure[data-phase="0"] .os-ai-summary,.os-figure[data-phase="1"] .os-ai-summary{box-shadow:0 0 0 2px #3458eb35}.os-figure[data-phase="2"] .os-decision{border-color:#a8bdf9;background:#eff3ff}.os-figure[data-phase="3"] .os-decision{background:#f2f6e8;border-color:#bdcf9e}.os-figure[data-phase="3"] .os-outcome-tag{background:var(--lime);color:var(--ink)}.os-figure.is-playing .os-wire-signal[data-wire="email"],.os-figure.is-playing[data-phase="1"] .os-wire-signal[data-wire="erp"],.os-figure.is-playing[data-phase="1"] .os-wire-signal[data-wire="inventory"],.os-figure.is-playing .os-wire-signal[data-wire="action"]{opacity:1;animation:os-flow 1.8s linear infinite}.os-figure.is-writing-back .os-wire-signal[data-wire="erp"],.os-figure.is-writing-back .os-wire-signal[data-wire="scheduling"]{opacity:1;animation:os-flow 1.3s linear reverse infinite}.os-figure[data-phase="3"] .record-status{background:#e8f3d6;color:#395720;border-color:#bcd197}@keyframes os-flow{to{stroke-dashoffset:-186}}
@media(max-width:1200px){.os-map{grid-template-columns:173px minmax(0,1fr) 179px;gap:28px;padding:24px 18px}.os-column-heading{font-size:12px;letter-spacing:-.3px;gap:7px;min-height:39px}.os-record-top{padding:18px 16px}.os-record-top .record-kicker{font-size:12px;max-width:200px}.os-record-top h3{font-size:25px}.os-record-facts{padding:16px;gap:12px}.os-record-facts strong{font-size:13px}.os-evidence{padding:0 16px 16px}.os-decision{margin:0 16px 16px;padding:13px}.os-audit{padding:12px 16px}.os-action{grid-template-columns:22px 1fr;gap:8px}.os-action strong{font-size:17px}.os-action small{font-size:12px;letter-spacing:-.3px}.os-action p{font-size:13px}.os-system{padding:12px 9px;column-gap:6px;grid-template-columns:24px 1fr}.os-system small{font-size:12px}.os-step-track{gap:3px}.os-step-track button{font-size:12px;padding:8px}.os-playback{padding:15px 18px;gap:10px}.os-caption{padding:14px 18px}.os-scattered{left:215px}}
@media(max-width:1000px){.os-map{grid-template-columns:180px minmax(0,1fr);gap:35px;padding:24px}.os-outcomes{grid-column:1/-1}.os-action-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #b5c5d9}.os-action{border-bottom:0;padding:18px 13px 18px 0}.os-action+.os-action{padding-left:15px;border-left:1px solid #b5c5d9}.os-action p{font-size:13px}.os-outcome-tag{margin-top:12px;text-align:center}.os-column-heading{min-height:30px;margin-bottom:12px}.os-record{min-height:0}.os-scattered{inset:68px 15px 15px 225px;padding:27px}.os-step-track{max-width:480px}.os-step-track button{font-size:13px}.os-caption>span{max-width:150px}}
@media(max-width:760px){.os-figure .stage-toolbar{align-items:stretch;padding:16px}.os-figure .stage-title{font-size:15px}.os-figure .stage-switch{align-self:flex-start;margin-top:3px}.os-map{grid-template-columns:1fr;gap:32px;padding:18px 16px}.os-system-list{grid-template-columns:1fr 1fr;gap:10px}.os-system{min-height:101px;padding:12px 9px}.os-system strong{font-size:14px}.os-system small{font-size:12px}.system-state{font-size:12px;line-height:1.4}.os-system-note{display:none}.os-column-heading{font-size:12px;min-height:auto;margin-bottom:14px;letter-spacing:0}.os-outcomes{grid-column:auto}.os-action-list{display:block}.os-action{padding:17px 0;grid-template-columns:28px 1fr;gap:12px}.os-action+.os-action{border-left:0;border-top:1px solid #b5c5d9;padding:17px 0}.os-action strong{font-size:20px}.os-action p{font-size:14px;margin-top:6px;max-width:420px}.os-action small{font-size:12px}.os-record-top{padding:17px 15px;align-items:start}.os-record-top h3{font-size:26px}.os-record-top .record-status{font-size:12px;max-width:98px;padding:4px 6px}.os-record-top .record-kicker{font-size:12px;line-height:1.6}.os-record-facts{padding:16px 15px;grid-template-columns:1fr 1fr;gap:12px}.os-record-facts strong{font-size:13px}.os-evidence{padding:0 15px 16px}.os-evidence>p{font-size:14px}.os-ai-summary{font-size:13px;padding:10px;gap:9px}.os-decision{margin:0 15px 16px;padding:12px}.os-decision .decision-heading strong{font-size:14px}.os-decision>p{font-size:14px}.os-decision .approve{font-size:14px;width:100%;justify-content:space-between;padding:12px}.os-approval-note{font-size:12px;line-height:1.5}.os-audit{padding:12px 15px}.os-playback{display:grid;grid-template-columns:1fr;padding:14px 16px;gap:13px}.os-step-track{display:grid;grid-template-columns:1fr 1fr;gap:5px;max-width:none}.os-step-track button{font-size:13px;min-height:40px;gap:7px;padding:9px 6px}.os-play{justify-self:end;min-width:131px;min-height:42px;font-size:14px}.os-caption{display:block;padding:14px 16px;min-height:112px}.os-caption p{font-size:14px}.os-caption>span{display:block;max-width:none;margin-top:10px;font-size:12px}.os-scattered{inset:305px 8px 8px;padding:30px 22px;justify-content:flex-start}.os-scattered h3{font-size:35px;margin:20px 0}.os-scattered p{font-size:17px}.os-scattered .eyebrow{font-size:12px}}
@media(prefers-reduced-motion:reduce){.os-wire-signal{animation:none!important}.os-figure.is-playing .os-wire-signal,.os-figure.is-writing-back .os-wire-signal{stroke-dasharray:none;opacity:.7}.os-system,.os-action,.os-decision,.os-ai-summary{transition:none}}