/* R11: a compact, legible figure for each current operation. */
.transaction-concept{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr);align-items:center;gap:12px;padding:10px 16px;margin:12px 0 14px;border:1px solid var(--line);border-radius:8px;background:var(--ink);min-height:94px;isolation:isolate}
.tc-node{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);text-align:center}
.tc-node>span{font-size:12px;line-height:1.4;font-weight:500;color:var(--text,#F4F7F8);white-space:normal;overflow-wrap:normal}
.tc-graphic{height:44px;width:60px;max-width:100%;display:flex;align-items:center;justify-content:center}
.tc-icon{display:block;width:60px;max-width:100%;height:44px;stroke:var(--muted);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.transaction-concept .rivex-vault-svg{width:48px;height:48px}
.tc-icon .tc-accent{stroke:var(--cyan)}
.tc-current .tc-icon{stroke:var(--text,#F4F7F8)}
.tc-current>span{color:var(--cyan)}
.tc-link{position:relative;display:block;width:20px;height:14px;align-self:center;margin-top:-22px;color:var(--cyan);overflow:hidden}
.tc-link svg{display:block;width:100%;height:14px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.5}
.tc-link i{position:absolute;top:6px;left:0;height:2px;width:5px;background:var(--cyan);animation:tc-transfer 2.8s ease-out infinite}
.tc-link:nth-child(4) i{animation-delay:.5s}
.tc-fund-value{height:44px;display:flex;align-items:center;justify-content:center;gap:5px;width:100%;border:1px solid var(--line);border-radius:6px;background:var(--surface);font-family:Plex,monospace;white-space:nowrap;padding:4px 7px}
.tc-fund-value small{font-size:10px;color:var(--muted)}
.tc-fund-value b{font-size:19px;font-weight:500;color:var(--text,#F4F7F8);letter-spacing:-.035em}
.tc-funding{grid-template-columns:minmax(0,1fr) 20px minmax(120px,1.4fr) 20px minmax(0,1fr)}
.tc-scan{animation:tc-scan 3s ease-in-out infinite;transform-origin:center}
.tc-active .tc-chart{stroke-dasharray:60;animation:tc-trace 3s ease-out infinite}
@keyframes tc-transfer{0%,12%{transform:translateX(-6px);opacity:0}25%{opacity:1}80%,100%{transform:translateX(22px);opacity:0}}
@keyframes tc-scan{0%,100%{transform:translateY(-2px);opacity:.5}50%{transform:translateY(2px);opacity:1}}
@keyframes tc-trace{0%{stroke-dashoffset:60}55%,100%{stroke-dashoffset:0}}
@media(max-width:600px){.transaction-concept{padding:10px 8px;gap:5px;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr);min-height:94px;margin:12px 0}.tc-node{gap:5px}.tc-node>span{font-size:10px;line-height:1.35}.tc-graphic,.tc-icon{width:50px;height:42px}.tc-link{width:12px;margin-top:-20px}.tc-funding{grid-template-columns:minmax(0,1fr) 10px minmax(90px,1.4fr) 10px minmax(0,1fr);gap:3px}.tc-fund-value{height:42px;gap:3px;padding:4px}.tc-fund-value b{font-size:15px}.tc-fund-value small{font-size:9px}.tc-funding .tc-icon{width:42px}}
@media(prefers-reduced-motion:reduce){.transaction-concept *{animation:none!important}.tc-link i{display:none}.tc-active .tc-chart{stroke-dashoffset:0}}
.chapter[hidden] .transaction-concept *{animation-play-state:paused}