.connect h2{margin-top:2.4rem}
.connect>.cn-jump{max-width:58rem}
.connect h3{margin-top:1.8rem}
.connect .cn-app h3{margin-top:0}
.connect .cn-jump{list-style:none;margin:1.2rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.cn-jump a{display:inline-flex;align-items:center;min-height:var(--target);padding:.3rem 1rem;border:2px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);text-decoration:none;font-weight:700}
.cn-jump a:hover{background:var(--p-sun)}
.connect .cn-asks{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.7rem}
.connect .cn-asks li{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.6rem .9rem;border:2px solid var(--line);border-radius:1rem;background:var(--surface)}
.cn-asks q,.cn-try q{flex:1 1 14rem;min-width:0;font-weight:700;quotes:none;overflow-wrap:anywhere}
.cn-code{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.6rem;margin:.7rem 0 0}
.cn-code pre{flex:1 1 18rem;min-width:0;margin:0;max-width:100%;overflow:auto;background:var(--surface);border:2px solid var(--line);border-radius:1rem;padding:.8rem 1rem;font:600 .9rem/1.5 var(--font-mono);text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}
.cn-code .btn,.cn-asks .btn{min-height:var(--target);padding:.4rem 1rem}
.cn-app{margin-top:1.4rem;padding:1.2rem 1.2rem 1.3rem;border:var(--bw) solid var(--line);border-radius:var(--r);background:var(--surface);scroll-margin-top:6rem}
.cn-app h3{margin:0 0 .4rem}
.cn-app p{margin:.4rem 0 0}
.cn-try{margin-top:.9rem}
.cn-try span{font-weight:800}
.cn-shot{margin:1rem 0 0}
.cn-shot img{display:block;width:100%;height:auto;border:2px solid var(--line);border-radius:1rem}
.cn-one{display:flex;flex-wrap:wrap;gap:.7rem;margin:.9rem 0 0}
.connect .cn-list{padding-inline-start:1.3rem}
.cn-list li{margin:.5rem 0}
html[dir=rtl] .cn-code pre{text-align:left}