.social-options{margin:18px 0 24px}.social-button-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-button-list form{margin:0;min-width:0}.social-button-list .social-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:12px 16px;border:1px solid transparent;border-radius:10px;font:600 14px/20px Arial,sans-serif;text-decoration:none;box-shadow:none;cursor:pointer;white-space:normal;letter-spacing:0}.social-button .social-icon{display:flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;font:900 22px/1 Arial,sans-serif}.social-icon img,.social-icon svg{display:block;width:20px;height:20px;object-fit:contain}.social-button-list .social-kakao{background:#fee500!important;color:#191919!important}.social-button-list .social-naver{background:#03a94d!important;color:#fff!important;gap:8px}.social-naver .social-icon{flex-basis:18px;width:18px;height:18px;overflow:hidden}.social-naver .social-icon img{width:48px;height:48px;max-width:none;flex-shrink:0}.social-button-list .social-google{background:#fff!important;color:#1f1f1f!important;border-color:#747775!important;font-weight:500}.social-button-list .social-facebook{background:#1877f2!important;color:#fff!important}.social-button:focus-visible{outline:3px solid #087f78;outline-offset:3px}.social-divider{display:flex;gap:12px;align-items:center;margin:20px 0;color:#72827d;font-size:12px}.social-divider::before,.social-divider::after{content:'';flex:1;height:1px;background:#dce6e2}.social-auth-note{padding:13px 16px;margin-bottom:18px;border-radius:10px;background:#eaf7f3;color:#245c50;font-size:14px;line-height:1.6}.social-connected{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #e2ece8}.social-connected span{color:#277766;font-size:13px}.social-unlink{margin:28px 0 0}.social-unlink summary{cursor:pointer;font-weight:700}.social-admin{max-width:1060px;margin:32px auto 70px;padding:0 18px}.social-admin .social-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.social-admin .social-config-card{min-width:0}.social-admin h1{font-size:28px}.social-admin .social-status{display:inline-flex;padding:5px 9px;border-radius:6px;background:#f0f3f1;color:#53665e;font-size:12px}.social-admin .social-status.on{background:#d9f3e5;color:#176447}.social-admin .social-config-card h2{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:20px}.social-admin input[readonly]{font-size:12px;word-break:break-all;background:#f6f8f7}.social-admin input,.social-admin select{width:100%;min-width:0}.social-admin .member-check input{width:18px;flex:0 0 18px}.social-admin details{margin:16px 0;line-height:1.65}.social-admin summary{cursor:pointer;font-weight:750}.social-admin ol{padding-left:21px;font-size:14px}.social-admin code{font-size:12px;overflow-wrap:anywhere}.social-admin .setup-links{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0;font-weight:700;font-size:13px}.social-admin .config-ready{margin:0 0 18px;padding:16px;border:1px solid #d4e8e0;border-radius:12px;background:#f5fbf7}.social-admin .config-ready p{margin:4px 0;font-size:14px}.social-admin small{line-height:1.5}.social-signup-actions{display:flex;gap:16px;flex-wrap:wrap}.social-preview-label{font-size:12px;color:#66786c;margin:5px 0}.social-admin .social-preview{pointer-events:none;margin:12px 0;opacity:.9}.social-admin .social-preview .social-button-list{grid-template-columns:1fr}
@media(max-width:600px){.social-button-list{grid-template-columns:1fr}.social-admin .social-config-grid{grid-template-columns:1fr}.social-admin{padding:0 15px}.social-admin .member-card{padding:20px}.social-admin h1{font-size:24px}}
/* Keep signup fields inside the card on narrow mobile screens. */
.member-signup .member-card form,.member-signup .member-card label,.member-signup .member-type-picker,.member-signup .member-address-fields,.member-signup .two>*{min-width:0;max-width:100%}
.member-signup input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.member-signup select{width:100%;min-width:0;max-width:100%}
.member-signup .member-check input{flex:0 0 18px}
.member-signup .member-address-title{flex-wrap:wrap;gap:4px 10px}
.member-signup .member-address-title small{overflow-wrap:anywhere}
.member-signup .member-postcode-row{grid-template-columns:minmax(0,1fr) auto;align-items:end}
.member-signup .member-postcode-row label{margin-bottom:0}
.member-signup .member-postcode-row button{white-space:nowrap;width:auto;min-width:92px}
.member-signup .member-auth-links{flex-wrap:wrap}