.connect-page{max-width:1120px;padding-top:65px;padding-bottom:80px}.connect-intro{max-width:780px}.connect-intro h1{font-size:clamp(36px,5vw,62px);line-height:1.13;margin:24px 0}.connect-intro .lead{max-width:690px}.connect-outline{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--muted);margin:25px 0 35px}.client-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:35px}.client-picker a{border:1px solid var(--line);border-radius:10px;padding:19px 16px;background:var(--surface)}.client-picker a[aria-current=page]{border-color:#9deba3;box-shadow:inset 0 0 0 1px #9deba3;background:#12271d}.client-picker strong{display:block;font-size:15px;margin-bottom:8px}.client-picker span{font-size:11px;color:var(--muted);line-height:1.5;display:block}.connect-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}.setup-steps{min-width:0}.setup-step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;border-top:1px solid var(--line);padding:28px 0;scroll-margin-top:20px}.step-number{font:13px ui-monospace,monospace;color:#a1e6aa;padding-top:5px}.setup-step h2{font-size:24px;line-height:1.3;margin-bottom:15px}.setup-step p,.connect-aside p,.connect-aside li,.connect-next p{font-size:14px;color:var(--muted);line-height:1.8}.setup-step a:not(.button),.connect-aside a,.connect-next .fine a{text-decoration:underline;text-underline-offset:3px}.setup-step .fine,.connect-next .fine{font-size:12px}.setup-command{border:1px solid var(--line);background:#07130e;border-radius:9px;margin:18px 0;padding:14px}.setup-command pre{margin:0 0 12px;padding:0;background:transparent;max-width:100%;overflow:auto;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.setup-command .button{margin:0}.connect-page code{overflow-wrap:anywhere}.connect-aside .panel{padding:23px}.connect-aside h2{font-size:23px;margin:14px 0}.connect-page details{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.connect-page summary{cursor:pointer;font-size:13px;line-height:1.6}.connect-page details pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.connect-aside ul{padding-left:18px}.connect-aside li{font-size:12px;margin-top:13px}.setup-success{color:#b4ffb6!important}.check-result{border:1px solid #538f64;border-radius:9px;padding:18px;background:#11271a;margin-bottom:20px}.check-result strong{color:#b4ffb6}.check-result p{overflow-wrap:anywhere}.connect-next{margin-top:30px;padding-top:30px;border-top:1px solid var(--line);max-width:740px}.connect-next h2{font-size:30px}.connect-next p:has(.button){display:flex;flex-wrap:wrap;gap:20px;align-items:center}.connect-page :focus-visible{outline:2px solid #b4ffb6;outline-offset:4px}
@media(max-width:850px){.connect-layout{grid-template-columns:minmax(0,1fr)}.connect-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.connect-aside details{margin-top:0}.client-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.connect-page{padding-top:35px}.connect-outline{gap:8px;font-size:11px}.client-picker a{padding:15px 12px}.setup-step{grid-template-columns:26px minmax(0,1fr);gap:10px}.setup-step h2{font-size:21px}.connect-aside{grid-template-columns:1fr}.setup-command{padding:11px}.setup-command pre{font-size:12px}.connect-next h2{font-size:26px}}