.connection-guide{--connection-accent:var(--accent,var(--brand,#253039));margin-block:1rem}.connection-guide input[type=search]{max-width:30rem;width:100%;min-height:44px}.connection-guide-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem}.connection-guide-list .card{min-width:0;overflow-wrap:anywhere}.connection-guide button,.connection-guide-dialog button{min-height:44px}.connection-guide button:focus-visible,.connection-guide-dialog button:focus-visible{outline:2px solid var(--connection-accent,currentColor);outline-offset:3px}.connection-guide-dialog{box-sizing:border-box;width:min(42rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;padding:1.5rem;border:1px solid var(--border,#ccc);border-radius:var(--radius,8px);background:var(--surface,#fff);color:var(--text,#18232c)}.connection-guide-dialog::backdrop{background:rgb(0 0 0 / .4)}.connection-guide-dialog .actions{display:flex;gap:.5rem;flex-wrap:wrap}@media(max-width:430px){.connection-guide-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom))}}