.payment-guide{--guide-ink:#17372f;--guide-muted:#4e655b;--guide-mint:#eaf5ef;--guide-line:#dce5de;--guide-paper:#fcfcf9;--guide-link:#006748}
.payment-guide section[id]{scroll-margin-top:26px}
.payment-guide section{margin:34px 0;padding-bottom:14px;border-bottom:1px solid var(--guide-line)}
.payment-guide section:last-child{border:0;padding-bottom:0}
.payment-guide .label,.payment-guide .figure-kicker{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--guide-link)}
.payment-guide .chapter-focus,.payment-guide .lead{font-size:1.1em;color:var(--guide-muted)}
.payment-guide figure{margin:24px 0;padding:18px 20px 14px;border:1px solid var(--guide-line);border-radius:14px;background:#f8faf5;break-inside:avoid}
.payment-guide .figure-title,.payment-guide .map-root{margin:5px 0 13px;font:400 clamp(1.35rem,3vw,2rem)/1.16 Georgia,serif;letter-spacing:-.025em}
.payment-guide .map-root{margin-bottom:0;padding:13px 16px;border-radius:10px;background:var(--guide-ink);color:var(--guide-paper)}
.payment-guide .map-branches{padding:12px 0 0 23px;margin:0 0 0 14px;list-style:none;background:linear-gradient(#008f60,#008f60) no-repeat left top/2px calc(100% - 53px)}
.payment-guide .map-branch{position:relative;padding:0;margin:0 0 8px}
.payment-guide .map-branch:last-child{margin-bottom:0}
.payment-guide .branch-number{position:absolute;left:-34px;top:14px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--guide-link);color:#fff;font:700 10px Arial,sans-serif}
.payment-guide .branch-card{position:relative;padding:9px 12px;border:1px solid var(--guide-line);border-radius:9px;background:var(--guide-mint)}
.payment-guide .branch-card:before{content:"";position:absolute;top:25px;left:-13px;width:12px;border-top:2px solid #008f60}
.payment-guide .branch-name{font:400 clamp(1.12rem,2.3vw,1.48rem)/1.2 Georgia,serif;color:var(--guide-ink);text-decoration:underline;text-underline-offset:3px}
.payment-guide .branch-levers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px;list-style:none;padding:0;margin:6px 0 8px;font:13px/1.4 Arial,sans-serif}
.payment-guide .branch-levers li{margin:0;padding:0}
.payment-guide .branch-metric{background:var(--guide-paper);border-radius:4px;padding:4px 7px;font:12px/1.4 Arial,sans-serif}
.payment-guide .branch-metric strong{margin-right:6px;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--guide-link)}
.payment-guide figcaption,.payment-guide .refs{font:13px/1.55 Arial,sans-serif;color:var(--guide-muted)}
.payment-guide figcaption{border-top:1px solid var(--guide-line);margin-top:13px;padding-top:9px}
.payment-guide .test-pair,.payment-guide .fig-grid{display:grid;gap:8px;margin:8px 0}
.payment-guide .test-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.payment-guide .fig-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.payment-guide .tile,.payment-guide .cohort{padding:9px 10px;border-radius:8px;background:var(--guide-mint);font:13px/1.4 Arial,sans-serif}
.payment-guide .tile strong{display:block;margin-bottom:4px}
.payment-guide .cohort{background:white;border-left:3px solid #008f60}
.payment-guide .barrow{display:grid;grid-template-columns:132px minmax(0,1fr) 42px;align-items:center;gap:8px;margin:8px 0;font:13px/1.4 Arial,sans-serif}
.payment-guide .track{height:14px;background:#e6eee7;border-radius:4px;overflow:hidden}
.payment-guide .bar{height:100%;width:var(--w);border-radius:4px;background:#008f60}
.payment-guide .bar.secondary{background:#789988}
.payment-guide .net{padding:7px 9px;background:#f7efe2;border-radius:5px;font:700 13px/1.45 Arial,sans-serif}
.payment-guide .clock-row{display:grid;grid-template-columns:75px minmax(0,1fr);align-items:center;gap:8px;margin:8px 0;font:700 13px/1.4 Arial,sans-serif}
.payment-guide .flow{display:flex;align-items:stretch;gap:6px}
.payment-guide .flow .tile{flex:1;min-width:0}
.payment-guide .arrow{align-self:center;color:var(--guide-link)}
.payment-guide .case{margin:15px 0;padding:12px 14px;background:var(--guide-mint);border-left:3px solid #008f60}
.payment-guide .case p:last-child{margin-bottom:0}
@media(max-width:540px){
.payment-guide figure{padding:12px}
.payment-guide .map-branches{margin-left:12px;background-size:2px calc(100% - 96px)}
.payment-guide .branch-levers,.payment-guide .fig-grid{grid-template-columns:1fr}
.payment-guide .branch-levers li:before{content:"• ";color:var(--guide-link)}
.payment-guide .clock-row{grid-template-columns:1fr}
.payment-guide .flow{display:grid;gap:3px}
.payment-guide .flow>.arrow{justify-self:center;transform:rotate(90deg)}
.payment-guide .barrow{grid-template-columns:103px minmax(0,1fr) 33px;gap:5px;font-size:12px}
}