.connect-main{padding:56px 0 24px}.connect-intro{max-width:880px;margin-bottom:42px}.connect-intro h1{max-width:20ch;font-size:clamp(36px,5.3vw,66px);letter-spacing:-.055em}.connect-intro .lede{color:var(--muted-ink);max-width:62ch}.access-line{font-size:14px;color:var(--muted-ink)}.connect-workspace{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start}.connect-workspace h2{font-size:23px;letter-spacing:-.035em;max-width:none}.task-options{display:grid;gap:12px;margin:25px 0}.task-options button{text-align:left;font:inherit;display:grid;gap:5px;padding:19px 22px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);cursor:pointer;position:relative}.task-options button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 4px 0 var(--accent);background:#edf2ff}.task-options button>span{font-size:12px;color:var(--muted-ink)}.task-options strong{font-size:19px;font-weight:650}.task-options small{font-size:13px;color:var(--muted-ink)}.connection-scope{min-height:76px;font-size:14px;max-width:53ch;color:var(--muted-ink)}.connection-panel{background:white;border:1px solid var(--line);border-radius:16px;padding:28px 30px;box-shadow:0 14px 45px -32px #19263870}.connection-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.connection-panel-heading h2{font-size:20px;margin:0}.connection-readonly{font-size:11px;color:#17604b;background:#e8f6ef;border-radius:20px;padding:5px 9px;white-space:nowrap}.client-options{display:flex;gap:4px;flex-wrap:wrap;padding:5px;border-radius:9px;background:var(--paper);margin:24px 0}.client-options button{font:inherit;font-size:13px;min-height:40px;padding:9px 14px;border:0;border-radius:6px;background:transparent;color:var(--muted-ink);cursor:pointer}.client-options button[aria-pressed=true]{background:#192638;color:white}.connection-panel>p,.connection-panel details{font-size:14px}.connection-panel>p{color:var(--muted-ink)}.copy-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;font-size:12px;font-weight:600}.copy-button{font:inherit;cursor:pointer;border:1px solid #c6d1e2;border-radius:6px;background:#f3f6fa;color:#244ed8;padding:7px 11px;font-size:12px;min-height:36px}.connection-panel textarea{display:block;width:100%;resize:vertical;padding:16px;border-radius:9px;background:#192638;color:#e4edfc;border:1px solid #253957;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;margin:9px 0 14px;overflow:auto;min-height:90px}.connection-downloads{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px}.first-prompt{border-top:1px solid var(--line);margin-top:27px;padding-top:5px}.first-prompt h3{font-size:15px;margin-bottom:10px}.first-prompt p{font-size:17px;line-height:1.6;max-width:48ch}.connection-panel #copy-status{min-height:24px;color:#17604b;font-size:12px}.connection-panel details{border-top:1px solid var(--line);padding-top:16px;color:var(--muted-ink)}.connection-panel summary{color:var(--ink);cursor:pointer}.familiar-tools{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:55px 0;margin-top:55px;border-block:1px solid var(--line)}.familiar-tools h2{font-size:28px;max-width:23ch}.familiar-tools p{font-size:15px;color:var(--muted-ink)}.tool-links{display:flex;align-content:center;flex-wrap:wrap;gap:10px}.tool-links a{border:1px solid var(--line);border-radius:7px;padding:10px 15px;text-decoration:none;font-size:14px;background:white}.tool-links a:hover{border-color:var(--accent)}.connection-help{max-width:820px;margin:65px 0}.connection-help h2{font-size:30px;max-width:none}.connection-help details{border-bottom:1px solid var(--line);padding:20px 0}.connection-help summary{font-size:17px;font-weight:600;cursor:pointer}.connection-help details p{max-width:70ch;color:var(--muted-ink);font-size:15px}.small{font-size:12px;color:var(--muted-ink)}[hidden]{display:none!important}@media(max-width:900px){.connect-workspace{gap:25px;grid-template-columns:1fr 1.1fr}.connection-panel{padding:22px}.connection-panel-heading{display:block}.connection-readonly{display:inline-block;margin-top:12px}}@media(max-width:690px){.connect-main{padding-top:32px}.connect-workspace{grid-template-columns:1fr;gap:28px}.connect-intro{margin-bottom:32px}.connect-intro h1{font-size:40px}.connection-scope{min-height:0}.connection-panel{padding:23px 19px}.connection-panel-heading{display:flex}.connection-readonly{margin:0}.familiar-tools{grid-template-columns:1fr;gap:12px;margin-top:38px;padding:35px 0}.connection-help{margin:40px 0}.connection-panel-heading h2{max-width:17ch}.client-options button{padding:9px 10px}}

.native-connections{padding:48px 0;border-top:1px solid var(--line);margin-top:36px}.native-connections>p{max-width:75ch;color:var(--muted-ink)}.native-connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}.native-connection-grid article{min-width:0;padding:22px;background:white;border:1px solid var(--line);border-radius:9px}.native-connection-grid h3{font-size:22px;margin:0 0 12px}.native-connection-grid p{font-size:14px;min-height:3.3em;color:var(--muted-ink)}.native-connection-grid pre{font-size:11px;overflow-x:auto;background:#f3f6fa;color:var(--ink);padding:12px}.native-connection-grid article>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px}.native-connection-grid .example-copy{font-size:11px}@media(max-width:850px){.native-connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.native-connection-grid{grid-template-columns:1fr}}