.dr-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:32px 0 22px;color:#60746c;font-size:12px}.dr-controls button{border:1px solid #bdcec5;border-radius:22px;background:transparent;color:#3b655a;padding:10px 16px;font:inherit}.data-routes{display:grid;gap:25px}.data-route{--dr-accent:#387c9a;--dr-line:#bcd8e4;--dr-soft:#e8f4fb;border:1px solid var(--dr-line);border-radius:20px;background:linear-gradient(130deg,var(--dr-soft),#fcfdfb);padding:27px;color:#233f50}.dr-rd{--dr-accent:#a87729;--dr-line:#e2d3ad;--dr-soft:#faf1de;color:#55462b}.dr-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.dr-kicker{font-size:10px;letter-spacing:.12em;font-weight:650;color:var(--dr-accent,#49776c)}.dr-heading h3{font-size:28px;letter-spacing:-.035em;line-height:1.2;margin:8px 0}.dr-heading p{font-size:12px;margin:0;color:#65756b}.dr-stages{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr);align-items:stretch}.dr-stage{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#ffffffb5;border:1px solid var(--dr-line);border-radius:12px;padding:19px 16px;color:inherit;min-width:0;cursor:pointer;transition:background .3s,box-shadow .3s,border-color .3s}.dr-stage:hover,.dr-stage[aria-expanded=true]{border-color:var(--dr-accent);background:#fff}.dr-stage:focus-visible,.dr-controls button:focus-visible,.dr-stage-nav button:focus-visible{outline:3px solid var(--dr-accent,#347f78);outline-offset:4px}.dr-stage.flow-lit{box-shadow:0 0 0 2px var(--dr-line),0 0 24px var(--dr-soft);background:#fff}.dr-stage-type{font-size:9px;font-weight:650;letter-spacing:.09em;color:var(--dr-accent)}.dr-art{width:100%;height:115px;margin:13px 0;color:var(--dr-accent)}.dr-art-halo{fill:var(--dr-soft)}.dr-stage strong{font-size:21px;line-height:1.2;letter-spacing:-.025em;font-family:var(--heading);font-weight:600}.dr-stage-caption{font-size:11px;line-height:1.65;color:#61716a;margin-top:10px}.dr-inspect{font-size:10px;color:var(--dr-accent);padding-top:20px;margin-top:auto}.dr-connector{align-self:center;color:var(--dr-accent);display:flex;justify-content:center}.dr-footer{display:flex;justify-content:space-between;gap:15px;max-width:none;padding:22px 0 0;margin:0;border:0;font-size:11px;line-height:1.6;color:#68786d}.dr-footer a{color:var(--dr-accent);text-decoration:underline;text-underline-offset:4px}.flow-arrow{width:28px;height:24px;overflow:visible;display:block;flex-shrink:0}.flow-track{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.flow-dot{fill:currentColor;opacity:0;filter:drop-shadow(0 0 3px currentColor);pointer-events:none}.arch-wire .flow-arrow,.tx-bridge .flow-arrow{width:22px;height:29px}.arch-loop .flow-arrow{width:18px;height:20px}.arch-side-arrow .flow-arrow{width:26px;height:24px}.dr-dialog{width:min(880px,94vw);max-height:85vh;padding:44px 35px 30px;background:#f8fbf7;border:1px solid #bfcec4;border-radius:18px;overscroll-behavior:contain}.dr-dialog h2{font-size:34px;letter-spacing:-.04em;line-height:1.15;margin:12px 0 25px}.dr-dialog>.dr-kicker{margin:0}.dr-stage-nav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}.dr-stage-nav button{border:1px solid #cbd9cf;border-radius:20px;padding:9px 13px;background:transparent;color:#526f61;font-size:11px}.dr-stage-nav button[aria-pressed=true]{background:#325e53;color:white;border-color:#325e53}#dr-dialog-description{font-size:15px;line-height:1.8;color:#52685c}.dr-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.dr-detail-grid article{border:1px solid #d2dfd4;border-radius:12px;padding:18px;background:#fff}.dr-detail-grid h3{font-size:16px;line-height:1.35;margin:0 0 10px}.dr-detail-grid p{font-size:12px;line-height:1.75;margin:0;color:#617468}.dr-dialog-links{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;color:#366c5e;margin-top:27px}.dr-dialog-links a{text-decoration:underline;text-underline-offset:4px}#dr-dialog-close{position:absolute;right:14px;top:12px;width:32px;height:32px;border:1px solid #cad9ce;border-radius:50%;background:white;font-size:24px;line-height:1;color:#3c6455}@media(max-width:900px){.data-route{padding:21px}.dr-stage{padding:16px 12px}.dr-stage strong{font-size:19px}.dr-stages{grid-template-columns:minmax(0,1fr) 23px minmax(0,1fr) 23px minmax(0,1fr) 23px minmax(0,1fr)}.dr-connector .flow-arrow{width:22px}.dr-art{height:95px}}@media(max-width:650px){.dr-controls{align-items:flex-start;flex-direction:column;gap:12px}.data-route{padding:22px 17px}.dr-heading{display:block}.dr-heading h3{font-size:27px}.dr-stages{grid-template-columns:1fr;gap:0}.dr-stage{display:grid;grid-template-columns:89px 1fr;gap:5px 15px;padding:17px}.dr-stage-type{grid-column:2}.dr-art{grid-column:1;grid-row:1/5;height:80px;margin:0;align-self:center}.dr-stage strong{grid-column:2;font-size:21px}.dr-stage-caption{grid-column:2;margin:0}.dr-inspect{grid-column:2;padding-top:8px}.dr-connector{height:35px;align-items:center}.dr-connector .flow-arrow{transform:rotate(90deg);width:28px}.dr-footer{flex-direction:column;gap:7px;padding-top:19px}.dr-dialog{padding:48px 23px 26px}.dr-dialog h2{font-size:29px}.dr-detail-grid{grid-template-columns:1fr}.dr-detail-grid article{padding:16px}.dr-stage-nav{gap:5px}.dr-stage-nav button{font-size:10px;padding:8px 10px}}@media(prefers-reduced-motion:reduce){.flow-dot{display:none!important}.dr-stage{transition:none}}
