.workflow-charts{margin:24px 0 30px;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}
.workflow-charts h3{margin:0 0 8px;font-size:20px}
.flow-legend,.flow-note{font-size:14px;color:var(--muted);line-height:1.75}
.flow-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:18px 0}
.flow-toolbar button{min-height:44px;padding:7px 12px;font-size:14px}
.flow-toolbar output{min-width:54px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}
.flow-toolbar a{font-size:14px;margin-left:auto}
.flow-panel{margin:0}
.flow-panel[hidden]{display:none}
.flow-panel figcaption{font-weight:650;margin-top:18px;font-size:16px}
.flow-viewport{height:650px;max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:6px;background:var(--paper);overscroll-behavior:contain}
.flow-viewport:focus-visible{outline:3px solid var(--link);outline-offset:3px}
.flow-viewport .workflow-svg{display:block;max-width:none;height:auto;margin:0 auto}
.flow-original{font-size:13px;margin:10px 0 0}
.flow-print{break-before:page;break-after:page}
.flow-print img{display:block;width:100%;height:auto;max-height:235mm;object-fit:contain;object-position:top center}
@media(max-width:640px){.workflow-charts{padding:12px}.flow-viewport{height:560px}.flow-toolbar a{margin-left:0;flex-basis:100%;min-height:44px;padding:10px 0}.flow-toolbar{gap:6px}.flow-toolbar button{padding:7px 9px}.flow-note{font-size:14px}}
@media print{.flow-print p{font-size:10px}.flow-print h2{font-size:16px}.flow-print img{max-width:100%}.workflow-charts{display:none}}