/* Social login buttons (login + signup). Uses the page's own theme tokens. */
.social-logins{ display:flex; flex-direction:column; gap:10px; margin:12px auto 0; max-width:400px; }
.social-logins[hidden], .social-btn[hidden]{ display:none; }
.social-btn{
  display:flex; align-items:center; justify-content:center; gap:10px;
  width:100%; min-height:44px; padding:.6rem 1rem;
  border:1px solid var(--line); border-radius:999px;
  background:var(--white); color:var(--ink);
  font-family:inherit; font-size:.9rem; font-weight:600; text-decoration:none;
  transition:background .15s ease, border-color .15s ease;
}
.social-btn:hover{ border-color:var(--navy); background:var(--surface); }
.social-btn:focus-visible{ outline:2px solid var(--navy); outline-offset:2px; }
.social-btn svg{ width:18px; height:18px; flex:none; }