.connection-guide{max-width:960px;margin:auto;padding:40px 24px 64px}.connection-guide section{padding:28px;margin:24px 0;border:1px solid #dce3eb;border-radius:12px;background:white}.connection-guide h2{font-size:24px;line-height:1.35;margin:0 0 18px}.connection-guide p{line-height:1.7;margin:12px 0}.connection-guide code{display:block;overflow-wrap:anywhere;white-space:pre-wrap;background:#eef3f7;padding:16px;border-radius:7px;font-size:15px}.connection-guide figure{margin:24px 0 0}.connection-guide img{display:block;max-width:100%;max-height:850px;width:auto;height:auto;margin:auto;border:1px solid #dce3eb;border-radius:7px}.connection-guide figcaption,.connection-guide .note,.connection-guide footer{font-size:14px;color:#576779}.connection-guide .note{padding:12px 16px;border-left:3px solid #90a6bb;background:#f6f8fa}.connection-guide a{color:#235985;text-decoration:underline}.connection-guide nav{display:flex;flex-wrap:wrap;gap:20px}.connection-guide li{margin-bottom:10px}@media(max-width:600px){.connection-guide{padding:24px 14px}.connection-guide section{padding:18px}}