:root{--flow-navy:#17324D;--flow-sage:#7D9670;--flow-amber:#E5A35A;--flow-ivory:#F7F1E7}
.flow-main{max-width:1040px;margin:0 auto;padding:56px 20px 96px}
.flow-hero{padding-bottom:30px;border-bottom:1px solid var(--color-line)}
.flow-hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.3;margin:14px 0 16px;color:var(--flow-navy)}
.flow-lead{max-width:760px;margin:0;color:var(--color-muted);font-size:1.02rem;line-height:1.9}
.flow-route-nav{display:flex;flex-wrap:wrap;gap:14px 24px;padding:22px 0;border-bottom:1px solid var(--color-line)}
.flow-route-nav a{color:var(--color-blue-accent);font-size:.9rem;font-weight:700;line-height:1.7;text-decoration:none;border-bottom:1px solid rgba(58,117,148,.35)}
.flow-route-nav a[aria-current="page"]{color:var(--flow-navy);border-bottom:2px solid var(--flow-amber)}
.flow-content{padding-top:4px}
.flow-loading{padding:34px 0;color:var(--color-muted);line-height:1.8}
.flow-step{padding:58px 0 64px;border-bottom:1px solid var(--color-line)}
.flow-step-heading{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(260px,330px);gap:18px;align-items:start}
.flow-step-number{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--flow-navy);color:#fff;font-family:var(--font-mono);font-size:.78rem;font-weight:700}
.flow-step:nth-child(even) .flow-step-number{background:var(--flow-sage)}
.flow-step-copy{min-width:0}
.flow-step-kicker{margin:2px 0 8px;color:var(--flow-sage);font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.1em;line-height:1.3}
.flow-step-copy h2{margin:0 0 10px;color:var(--flow-navy);font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.45}
.flow-step-copy>p{margin:0;color:var(--color-muted);line-height:1.8}
.flow-step-visual{margin:0;border:1px solid #dcc8ad;border-radius:18px;background:var(--flow-ivory);overflow:hidden;aspect-ratio:4/3}
.flow-step-visual img{display:block;width:100%;height:100%;object-fit:contain}
.flow-step-copy .guide-summary{margin:22px 0 0;padding:18px 20px}
.flow-step-standalone{margin-top:16px!important}
.flow-step-standalone a,.flow-step-action a{color:var(--color-blue-accent);font-size:.88rem;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(58,117,148,.35)}
.flow-step-body{grid-column:2 / -1;max-width:900px;margin:30px 0 0 70px}
.flow-step-body .guide-article-section{padding-top:32px}
.flow-step-body .guide-article-section:first-child{padding-top:0}
.flow-step-body .guide-article-cta{margin-top:36px}
.flow-step-action{margin:26px 0 0 70px}
.flow-step-action a{display:inline-block;padding:10px 0;font-size:1rem}
.flow-end{padding:44px 0 0;text-align:center}
.flow-end p{margin:0 0 18px;color:var(--color-muted)}
.flow-error{margin:30px 0;padding:18px 0;color:#8e4b38;border-top:1px solid var(--color-line)}
.flow-error a{color:var(--color-blue-accent);font-weight:700}
@media(max-width:720px){
  .flow-main{padding:38px 16px 72px}
  .flow-route-nav{gap:10px 16px}
  .flow-route-nav a{font-size:.86rem}
  .flow-step{padding:42px 0 48px}
  .flow-step-heading{grid-template-columns:42px minmax(0,1fr);gap:13px}
  .flow-step-number{width:38px;height:38px;font-size:.7rem}
  .flow-step-visual{grid-column:2 / -1;width:100%;max-width:390px;margin-top:4px}
  .flow-step-body{grid-column:1 / -1;margin:26px 0 0}
  .flow-step-action{margin-left:55px}
}