.comments{border-top:1px solid #dfe6ed;margin-top:64px;padding-top:30px}.comments__header{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.article-body .comments__header h2{letter-spacing:-.025em;border:0;margin:0;padding:0;font-size:1.35rem}.comments__count{color:var(--muted);white-space:nowrap;font-size:.84rem}.comments__setup,.comments__signed-out,.comments__signed-in,.comments__form,.comments__empty{border:1px solid var(--border);background:#f8fafc;border-radius:12px}.comments__setup{color:var(--muted);padding:16px;font-size:.9rem}.comments__auth{margin-bottom:12px}.comments__signed-out{justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.comments__signed-out p{color:#536174;margin:0;font-size:.9rem}.comments__login-buttons{flex-wrap:wrap;gap:8px;display:flex}.comments__login{color:#344256;background:#fff;border:1px solid #d4dce5;align-items:center;gap:8px;min-height:38px;padding:8px 12px;font-size:.86rem;font-weight:600;display:inline-flex}.comments__login:hover{background:#f1f5f9}.comments__login span{border-radius:50%;place-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:grid}.comments__login--google span{color:#3c4043;background:#eef1f4}.comments__login--kakao{color:#191919;background:#fee500;border-color:#e8d45a}.comments__login--kakao:hover{background:#f5dc00}.comments__login--kakao span{background:#00000014}.comments__signed-in{justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.comments__user{align-items:center;gap:9px;min-width:0;display:flex}.comments__user-avatar,.comments__avatar,.comments__avatar-fallback{border-radius:50%;flex:none;width:32px;height:32px}.comments__user-avatar,.comments__avatar{object-fit:cover}.comments__avatar-fallback{color:#fff;background:var(--accent);place-items:center;font-size:.82rem;font-weight:700;display:grid}.comments__user-name{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:600;overflow:hidden}.comments__logout,.comments__small-button{color:#536174;background:#fff;border:1px solid #d6dee7;padding:6px 9px;font-size:.78rem}.comments__logout:hover,.comments__small-button:hover{background:#eef3f7}.comments__form{background:#fff;padding:12px}.comments__form textarea,.comments__edit-form textarea{resize:vertical;width:100%;min-height:96px;color:var(--text);font:inherit;background:#fbfcfd;border:1px solid #d6dee7;border-radius:9px;outline:none;padding:11px 12px;font-size:.9rem;line-height:1.65}.comments__form textarea:focus,.comments__edit-form textarea:focus{background:#fff;border-color:#8eb0c9;box-shadow:0 0 0 3px #235b861a}.comments__form-footer,.comments__edit-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;display:flex}.comments__length{color:var(--muted);margin-right:auto;font-size:.75rem}.comments__submit,.comments__small-button--primary{color:#fff;background:var(--accent);border-color:var(--accent)}.comments__submit:hover,.comments__small-button--primary:hover{background:var(--accent-strong)}.comments__submit:disabled,.comments__small-button:disabled{opacity:.55;cursor:wait}.comments__status{min-height:1.4em;color:var(--muted);margin:10px 2px;font-size:.8rem}.comments__status[data-kind=error]{color:#b42318}.comments__status[data-kind=success]{color:#287447}.comments__empty{color:var(--muted);text-align:center;margin:0;padding:22px 16px;font-size:.88rem}.comments__list{margin:0;padding:0;list-style:none}.comments__item+.comments__item{margin-top:10px}.comments__card{background:#fff;border:1px solid #dfe6ed;border-radius:12px;padding:14px 15px}.comments__meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.comments__identity{align-items:center;gap:9px;min-width:0;display:flex}.comments__identity strong{color:#26354a;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.comments__meta time{color:#7a8797;flex:none;font-size:.73rem}.comments__edited{color:#8b97a5}.article-body .comments__content{color:#344256;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0;font-size:.9rem;line-height:1.72}.comments__controls{justify-content:flex-end;gap:6px;margin-top:10px;display:flex}.comments__small-button--danger{color:#a9362d}.comments__small-button--danger:hover{background:#fff1f0}.comments__edit-form{margin-top:12px}@media (width<=640px){.comments{margin-top:48px}.comments__signed-out{flex-direction:column;align-items:stretch}.comments__login-buttons{grid-template-columns:1fr;display:grid}.comments__login{justify-content:center}.comments__meta{flex-direction:column;align-items:flex-start;gap:7px}.comments__meta time{padding-left:41px}}