.flow-nav,
.page-nav{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:0 0 22px;padding:5px;border:1px solid var(--line);border-radius:13px;background:#f4f6f1}
.flow-nav button,
.page-nav a,
.page-nav span{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 10px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}
.flow-nav button{cursor:pointer;font:inherit}
.flow-nav button:not(:disabled):hover,
.flow-nav button:not(:disabled):focus-visible,
.page-nav a:hover,
.page-nav a:focus-visible{background:#fff;color:var(--accent-dark);outline:none}
.flow-nav button[aria-current="step"],
.page-nav .current{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(38,49,39,.08)}
.flow-nav button:disabled{cursor:not-allowed;opacity:.42}
.page-nav{margin-bottom:20px}
.page-nav .separator{padding:6px 0;color:#a3aca5}
@media(max-width:560px){
  .flow-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-2px}
  .flow-nav::-webkit-scrollbar{display:none}
  .flow-nav button{flex:0 0 auto}
}