.connection-layout{max-width:780px;margin:0 auto;padding:28px 32px 64px}.connection-intro{margin-bottom:28px}.connection-intro .eyebrow{font-size:16px;letter-spacing:.08em;color:#557163;margin:0 0 12px}.connection-intro h1{font-size:clamp(34px,6vw,46px);line-height:1.15;letter-spacing:-1.5px;margin:0 0 16px}.connection-intro>p:last-child{font-size:20px;color:#52665e}.connection-card h2{font-size:26px;letter-spacing:-.5px;margin:0 0 12px}.connection-card p{font-size:17px;line-height:1.6;margin:0 0 20px}.connection-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:12px}.connection-heading p{color:#52665e;overflow-wrap:anywhere}.connection-heading .button{flex-shrink:0}.connection-card form{display:grid;gap:24px}.connection-card .connection-help{font-size:16px;margin:0}.connection-note{background:#f0f5f1;padding:16px;border-radius:12px;font-size:16px;color:#385849}.connection-card .primary{width:100%;font-size:18px}.connection-card #connection-demo{margin-top:20px;width:100%}.connection-card .message{margin:20px 0 0;padding:0}.connection-card #connection-retry{margin-top:16px}.topbar nav{display:flex;flex-wrap:wrap;gap:24px}#connection-locked .button{margin-top:8px}@media(max-width:560px){.connection-layout{padding:12px 20px 40px}.connection-heading{flex-wrap:wrap}.connection-intro>p:last-child{font-size:18px}.topbar nav{gap:16px}}

.eleven-connection { margin-top: 32px; padding-top: 24px; border-top: 1px solid #dce5df; }
.eleven-connection summary { cursor: pointer; font-size: 24px; font-weight: 650; }
.eleven-connection form { display: grid; gap: 20px; margin-top: 24px; }