.transfer-explainer .tx-flow { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(130px, 0.85fr) minmax(0, 0.9fr); gap: 14px; align-items: stretch; margin: 6px 0 18px; }
.transfer-explainer .tx-journal { border-style: dashed; }
.transfer-explainer .tx-number { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 20px 0 12px; padding-bottom: 12px; border-bottom: 1px solid var(--line-strong); font-size: 0.74rem; }
.transfer-explainer .tx-number strong { color: var(--ink-strong); font-family: var(--font-mono, monospace); font-size: 1.12rem; overflow-wrap: anywhere; }
.transfer-explainer .tx-status { align-items: start; flex-direction: column; gap: 6px; min-height: 62px; }
.transfer-explainer .tx-status > span:last-child { margin-left: 15px; font-family: var(--font-mono, monospace); font-size: 0.72rem; white-space: normal; }
.transfer-explainer .tx-routes { display: grid; grid-template-rows: 1fr 1fr; gap: 12px; padding-block: 6px; }
.transfer-explainer .tx-route { display: flex; flex-direction: column; justify-content: center; gap: 5px; min-width: 0; padding: 9px 6px; border-block: 1px solid var(--line-strong); color: var(--ink-soft); }
.transfer-explainer .tx-route strong { display: flex; justify-content: space-between; gap: 6px; color: inherit; font-size: 0.78rem; font-weight: 600; }
.transfer-explainer .tx-route > span { font-size: 0.72rem; overflow-wrap: anywhere; }
.transfer-explainer .tx-route .tx-count { font-family: var(--font-mono, monospace); font-size: 0.67rem; }
.transfer-explainer .tx-count b { font-size: 0.82rem; font-weight: 600; }
.transfer-explainer .tx-route[data-state="blocked"] { border-top-style: dashed; color: var(--fin-risk); }
.transfer-explainer .tx-route[data-state="active"] { border-color: var(--fin-accent); }
.transfer-explainer .tx-bank { display: flex; flex-direction: column; }
.transfer-explainer .tx-bank .fin-bank-glyph { width: 38px; height: 40px; margin-block: 20px 8px; }
.transfer-explainer .tx-bank .fin-state { margin-top: auto; padding-top: 10px; font-size: 0.8rem; }
.transfer-explainer .tx-outcomes { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 18px; padding-block: 12px; border-block: 1px solid var(--line-strong); }
.transfer-explainer .tx-outcome { display: grid; gap: 5px; min-width: 0; color: var(--ink-soft); }
.transfer-explainer .tx-outcome > span { color: var(--ink-soft); font-size: 0.71rem; }
.transfer-explainer .tx-outcome strong { color: inherit; font-size: 0.8rem; font-weight: 600; }
.transfer-explainer .tx-outcome[data-state="blocked"] { color: var(--fin-risk); }
.transfer-explainer .tx-outcome[data-state="done"] { color: var(--fin-accent); }
@media (max-width: 680px) {
  .transfer-explainer .tx-flow { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
  .transfer-explainer .tx-routes { grid-column: 1 / -1; grid-row: 2; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto; gap: 14px; padding-block: 0; }
  .transfer-explainer .tx-route { border: 1px solid var(--line-strong); padding: 10px; }
  .transfer-explainer .tx-route[data-state="blocked"] { border-style: dashed; }
  .transfer-explainer .tx-bank .fin-bank-glyph { margin-top: 12px; }
}
@media (max-width: 400px) {
  .transfer-explainer .fin-modes { gap: 2px; }
  .transfer-explainer .fin-modes button { padding-inline: 7px; font-size: 0.74rem; }
  .transfer-explainer .tx-outcomes { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .transfer-explainer .tx-number { flex-wrap: wrap; gap: 4px; }
}