.social-connect-list .connection-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; }
.social-connect-list .connection-row>div { min-width:0; grid-template-columns:28px minmax(0,1fr); gap:5px 10px; }
.social-connect-list .connection-row small { white-space:normal; overflow-wrap:anywhere; line-height:1.5; }
.social-connect-list .connection-row form { grid-column:2; justify-self:start; }
.social-connect-list .mini-button { min-width:90px; max-width:145px; text-align:center; }
.social-connect-list .connected-label { white-space:nowrap; }
.social-connect-copy h1 { font-size:clamp(36px,4.5vw,60px); }
.connection-explainer { max-width:740px; margin:30px auto; padding:clamp(24px,5vw,48px); background:rgba(255,255,255,.75); border:1px solid rgba(90,65,135,.15); border-radius:24px; }
.connection-explainer h1 { font-size:clamp(32px,5vw,48px); letter-spacing:-.04em; }
.connection-explainer p { line-height:1.65; overflow-wrap:anywhere; }
.connection-explainer .onboarding-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.connection-explainer .button { display:inline-flex; margin-top:12px; }
.connection-methods { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:24px; }
.connection-methods section { border:1px solid rgba(90,65,135,.2); border-radius:16px; padding:20px; }
.connection-methods h2 { font-size:22px; margin:0; }
@media(max-width:600px) {
  .connection-methods { grid-template-columns:minmax(0,1fr); }
  .social-connect-list .connection-row { grid-template-columns:minmax(0,1fr); gap:12px; }
  .social-connect-list .mini-button,.social-connect-list .connected-label { justify-self:start; margin-left:38px; }
}