.flow-wrap{max-width:1040px;padding-block:clamp(32px,7vw,84px) 80px;display:grid;gap:28px}
.flow-heading{display:grid;gap:13px}.flow-heading h1{font-size:clamp(2.1rem,5vw,4.1rem);line-height:1.08;max-width:18ch}.flow-heading .lead{max-width:65ch}
.flow-lookup{max-width:710px;display:grid;gap:15px}.flow-lookup h2,.flow-panel h2{font-size:clamp(1.25rem,3vw,1.8rem)}
.flow-result{display:grid;gap:20px}.flow-result[hidden],.flow-lookup[hidden]{display:none}
.flow-panel{display:grid;gap:18px;min-width:0}.flow-panel .dt{width:100%}
.flow-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.flow-row{display:grid;gap:5px;border-top:1px solid var(--line);padding-top:12px;min-width:0;overflow-wrap:anywhere}
.flow-row span{font-size:.79rem}.flow-row b{font-weight:650}.flow-note{padding:14px 18px;background:rgba(255,208,0,.07);border-left:3px solid var(--gold);white-space:pre-wrap;overflow-wrap:anywhere}
.flow-total{background:rgba(255,208,0,.08)}.flow-total b{color:var(--gold-hi)}
.flow-timeline{list-style:none;display:grid;gap:0;padding:0;margin:0}.flow-timeline li{display:flex;gap:15px;position:relative;padding:8px 4px 21px;border-left:1px solid var(--line2);margin-left:6px}
.flow-dot{width:13px;height:13px;flex-shrink:0;border-radius:50%;background:var(--gold);box-shadow:0 0 15px rgba(255,208,0,.4);position:relative;left:-7px;margin-right:-5px}
.flow-timeline li>div{display:grid;gap:5px}.flow-timeline li p{color:var(--muted)}.flow-timeline li span.muted{font-size:.78rem}
.flow-share{display:flex;flex-wrap:wrap;gap:12px}.flow-foot{max-width:65ch;font-size:.84rem}
@media(max-width:580px){.flow-info{grid-template-columns:minmax(0,1fr)}.flow-panel{padding:20px 14px}.flow-panel .dt th,.flow-panel .dt td{padding:10px 7px}}