.institution-flow{--flow-navy:#0d2b5c;--flow-line:#b9c6d1;margin-top:48px;padding-top:32px;border-top:1px solid var(--flow-line)}
.institution-flow .flow-top,.institution-flow .flow-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px}
.institution-flow .flow-caption{padding-bottom:22px}
.institution-flow .flow-caption>[data-flow-copy="illustration"]{display:block;font-size:12px;line-height:1.5;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.institution-flow .flow-context{flex:1;min-width:0;font-size:16px;line-height:1.6;max-width:760px;margin:0}
.institution-flow .flow-controls{display:flex;gap:18px;flex-shrink:0}
.institution-flow .flow-controls button{background:none;border:0;border-bottom:1px solid var(--flow-line);padding:10px 0;min-height:44px;font-size:13px;color:var(--flow-navy)}
.institution-flow .flow-diagram{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:clamp(40px,5vw,80px);row-gap:28px;align-items:center;padding:16px 0 28px;max-width:1080px;margin-inline:auto}
.institution-flow .flow-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.institution-flow .flow-wire{fill:none;stroke:#93a6b8;stroke-width:1;filter:drop-shadow(0 2px 1px #0d2b5c20)}
.institution-flow .flow-pulse{fill:none;stroke:var(--flow-navy);stroke-width:1.8;stroke-dasharray:6 16;opacity:0;filter:drop-shadow(0 2px 1px #0d2b5c24)}
.institution-flow [data-active=true] .flow-pulse{opacity:1;animation:institution-pulse 1.3s linear infinite}
.institution-flow[data-stopped=true] .flow-pulse{animation-play-state:paused}
.institution-flow .flow-node{position:relative;z-index:1;min-width:0;border:1px solid #b6c4d0;padding:16px;background:linear-gradient(145deg,#fff,#f1f5f8);border-radius:8px;box-shadow:0 2px 3px #0d2b5c06,0 9px 18px -10px #0d2b5c30,inset 0 1px 0 #ffffffcf;transition:border-color .35s,box-shadow .35s,background .35s}
.institution-flow .flow-node[data-active=true]{border-color:#69809d;box-shadow:0 3px 5px #0d2b5c0a,0 13px 24px -12px #0d2b5c3d,inset 0 1px 0 #ffffffcf;background:linear-gradient(145deg,#fff,#f4f7fa)}
.institution-flow .flow-origins{grid-column:1;grid-row:1;display:grid;gap:18px}
.institution-flow .flow-hub{grid-column:2;grid-row:1;background:linear-gradient(145deg,#183967,#0d2b5c);color:#fff;border-color:#315074;padding:20px 18px;box-shadow:0 2px 4px #0d2b5c12,0 12px 22px -10px #0d2b5c40,inset 0 1px 0 #ffffff18}
.institution-flow .flow-hub[data-active=true]{background:linear-gradient(145deg,#1d406f,#0d2b5c);box-shadow:0 3px 5px #0d2b5c12,0 15px 26px -12px #0d2b5c50,inset 0 1px 0 #ffffff20}
.institution-flow .flow-logo{display:block;width:140px;max-width:100%;height:auto}
.institution-flow .flow-institutions{grid-column:3;grid-row:1;display:grid;gap:12px}
.institution-flow .flow-anchor{grid-column:2;grid-row:2;text-align:center;color:var(--flow-navy);background:linear-gradient(145deg,#f4f6f8,#e6ebf0)}
.institution-flow .flow-anchor h3{font-size:20px;margin-bottom:10px}
.institution-flow .fingerprint-label{font-size:10px;line-height:1.5;color:var(--muted);display:block;margin-bottom:8px}
.institution-flow .fingerprint-value{display:block;font-size:12px;line-height:1.7;letter-spacing:.04em;overflow-wrap:anywhere;opacity:1;transition:opacity .15s ease;text-shadow:0 2px 1px #0d2b5c15}
.institution-flow .flow-anchor[data-changing=true] .fingerprint-value{opacity:0}
.institution-flow .flow-anchor[data-active=true] .fingerprint-value{color:#081f43}
.institution-flow .flow-node small{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-bottom:10px}
.institution-flow .flow-node h3{font-size:clamp(19px,1.7vw,23px);line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}
.institution-flow .flow-node p{font-size:12px;line-height:1.5;margin:8px 0 0}
.institution-flow .flow-hub small,.institution-flow .flow-hub p{color:#dae3ed}
.institution-flow .flow-ref{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:0;border:0;font-size:10px;letter-spacing:.04em}
.institution-flow .flow-ref::before{content:'';width:6px;height:6px;background:#fff;border-radius:50%}
.institution-flow .flow-institutions .flow-node{padding:13px 16px;display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:8px}
.institution-flow .flow-institutions h3{font-size:20px}
.institution-flow .flow-institutions p{margin-top:6px}
.institution-flow .flow-check{width:20px;height:20px;fill:none;stroke:var(--flow-navy);stroke-width:1.7;opacity:.16;transition:opacity .4s,transform .4s;transform:scale(.85)}
.institution-flow [data-recorded=true] .flow-check{opacity:1;transform:scale(1)}
.institution-flow .flow-bottom{align-items:flex-start;border-top:1px solid var(--flow-line);padding-top:22px}
.institution-flow .flow-status{font-size:clamp(20px,1.8vw,26px);font-weight:500;letter-spacing:-.02em;line-height:1.4;color:var(--flow-navy);margin:0;max-width:100%;min-height:73px}
.institution-flow .flow-footer-right{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:flex-end}
.institution-flow .flow-footer-right .flow-history{padding-top:0}
.institution-flow .flow-history{display:flex;gap:9px;padding-top:7px;flex-shrink:0}
.institution-flow .flow-history span{width:9px;height:9px;border:1px solid #8294ab;border-radius:50%;transition:background .4s,border-color .4s}
.institution-flow .flow-history span[data-recorded=true]{background:var(--flow-navy);border-color:var(--flow-navy)}
@keyframes institution-pulse{to{stroke-dashoffset:-48}}
.institution-flow [data-direction=reverse] .flow-pulse{animation-direction:reverse}
#process .process>li{border-top-color:#b8c5cf;background:transparent;box-shadow:none;transition:border-color .4s}
#process .process>li .stage{color:#6e7b86;transition:color .4s}
#process .process>li .eyebrow{color:var(--ink);transition:color .4s}
#process .process>li[data-flow-active=true]{border-top-color:#0d2b5c;background:transparent;box-shadow:none}
#process .process>li[data-flow-active=true] .stage{color:#0d2b5c}
#process .process>li[data-flow-active=true] .eyebrow{color:#0d2b5c}
@media(max-width:759px){.institution-flow .flow-diagram{grid-template-columns:1fr;row-gap:40px;padding:10px 0 24px}.institution-flow .flow-origins,.institution-flow .flow-hub,.institution-flow .flow-anchor,.institution-flow .flow-institutions{grid-column:1;grid-row:auto;width:min(calc(100% - 48px),340px);justify-self:center}.institution-flow .flow-origins{order:0}.institution-flow .flow-hub{order:1}.institution-flow .flow-anchor{order:2}.institution-flow .flow-institutions{order:3;grid-template-columns:1fr}.institution-flow .flow-origins{gap:14px}.institution-flow .flow-top{align-items:flex-start;flex-wrap:wrap;gap:8px}.institution-flow .flow-status{font-size:20px;min-height:86px}.institution-flow .flow-bottom{gap:12px;flex-wrap:wrap}.institution-flow .flow-footer-right{width:100%;justify-content:space-between;gap:12px}.institution-flow .flow-hub{padding:20px 18px}.institution-flow .flow-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.institution-flow *{animation:none!important;transition:none!important}}
@media(prefers-reduced-motion:reduce){#process .process>li{transition:none}}
