/* Contextual sign-in and member access */
#auth-dialog{width:min(480px,calc(100vw - 28px));padding:28px}
#auth-dialog .dialog-heading{align-items:flex-start;gap:12px}
#auth-description{margin:0;min-width:0;color:#53657e;font-size:18px;font-weight:500;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}
#auth-dialog [hidden]{display:none!important}
input[readonly]{background:#f6f8fb;color:#6c798b}.comment-context{line-height:1.7}#comments-title{font-size:14px}


.social-auth{display:grid;gap:12px;margin:26px 0 20px}
.social-auth>button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;border-radius:6px;font-size:17px;font-weight:700;background:#fff;color:#25344a;border:1px solid #d6dde7}
.social-auth button img{width:22px;height:22px;flex:none}
.social-auth button span{display:flex;gap:12px;align-items:center}
.social-auth button small{font-weight:400;font-size:12px;color:#6b7685}
.social-auth #auth-kakao{background:#fee500;border-color:#fee500;color:#191919}
.social-auth button:disabled{opacity:.65}
.social-auth button:not(:disabled):hover{box-shadow:0 2px 8px #24364f16}
.social-auth button:focus-visible{outline:2px solid #315b96;outline-offset:3px}
.auth-account-note{font-size:14px;color:#64768e;line-height:1.9;text-align:center}
#auth-dialog .auth-reading-note{padding-top:16px;border-top:1px solid #e5eaf1;font-size:13px;line-height:1.85;color:#78869b}
#auth-status{color:#b52e3e;margin:12px 0;font-size:14px;min-height:0}
#auth-status:empty{display:none}
@media(max-width:600px){#auth-dialog{padding:24px}#auth-description{font-size:17px}}
@media(max-width:400px){#auth-dialog{padding:22px 18px}#auth-dialog .dialog-heading{gap:6px}#auth-description{font-size:16px}.social-auth button span{gap:8px}.social-auth>button{font-size:16px}.auth-account-note{font-size:13px}}

.auth-availability{padding:12px 14px;background:#f4f6fa;color:#62738a;font-size:14px;line-height:1.8;text-align:center;border-radius:6px}

dialog .dialog-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;padding:0;border:0;border-radius:6px;background:transparent;color:#748197}dialog .dialog-close svg{width:20px;height:20px;pointer-events:none}dialog .dialog-close:hover{background:#f1f4f8;color:#233650}dialog .dialog-close:focus-visible{outline:2px solid #315b96;outline-offset:3px}