/* Shared appearance for navigation links; native links preserve keyboard and no-JS navigation. */
.app-shell :is(a,button).nav-step{display:inline-flex;align-items:center;justify-content:center;gap:9px;box-sizing:border-box;min-height:46px;max-width:100%;width:auto;padding:12px 18px;border:1px solid #102b43;border-radius:13px;background:#102b43;color:#fff;font:700 14px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;text-decoration:none;text-align:center;vertical-align:middle;cursor:pointer;white-space:normal;box-shadow:0 3px 9px #102b4312;transition:background .15s,border-color .15s,box-shadow .15s}
.app-shell :is(a,button).nav-step>span:not(.nav-step-arrow){min-width:0;overflow-wrap:anywhere}
.app-shell :is(a,button).nav-step .nav-step-arrow{flex:none;font-size:20px;line-height:1;color:inherit}
.app-shell :is(a,button).nav-step:hover{background:#194668;border-color:#194668;color:#fff;text-decoration:none;box-shadow:0 4px 12px #102b4325}
.app-shell :is(a,button).nav-step:focus-visible{outline:3px solid #299ed5;outline-offset:3px}
.app-shell :is(a,button).nav-step:active{background:#0b2033;box-shadow:none}
.connections-pagination{flex-wrap:wrap}
.app-shell .connections-pagination :is(a,button).nav-step--next{margin-left:auto}
.demo-detail>:is(a,button).nav-step,.terms-page>:is(a,button).nav-step{margin-top:20px}
@media(prefers-reduced-motion:reduce){.app-shell :is(a,button).nav-step{transition:none}}

.app-shell button.nav-step:disabled{opacity:.55;cursor:wait}.app-shell button.nav-step[hidden]{display:none}