/* /log/ 글의 조회수·댓글. article.css 뒤에 온다. */
.views{color:var(--muted);font-size:13.5px;margin:6px 0 0}
.views strong{color:var(--ink);font-weight:650;font-variant-numeric:tabular-nums}

#engage{margin-top:56px;border-top:1px solid var(--hair);padding-top:8px}
#engage h2{font-size:18px;margin:28px 0 14px}
#comment-count{color:var(--muted);font-weight:500;font-size:15px}

.comment{padding:14px 0;border-bottom:1px solid var(--hair)}
.chead{display:flex;align-items:baseline;gap:9px}
.cname{font-weight:650;font-size:14.5px}
.cwhen{color:var(--muted);font-size:12.5px}
.cbody{margin:5px 0 0;font-size:15.5px;white-space:pre-wrap;overflow-wrap:anywhere}
.empty{color:var(--muted);font-size:15px;margin:4px 0 0}

#comment-form{margin-top:22px}
.crow{display:flex;gap:10px;align-items:center}
.crow.end{justify-content:flex-end;margin-top:10px}
#comment-form input[name=name]{flex:0 1 220px}
#comment-form input,#comment-form textarea{
 background:var(--panel);color:var(--ink);border:1px solid var(--hair);border-radius:10px;
 padding:10px 13px;font:inherit;font-size:15px;width:100%}
#comment-form textarea{margin-top:10px;resize:vertical;line-height:1.6}
#comment-form input:focus,#comment-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
#comment-form .hp{position:absolute;left:-9999px;width:1px;height:1px}
#comment-form button{background:var(--accent);color:#04121a;border:0;border-radius:99px;
 padding:10px 22px;font:inherit;font-weight:700;font-size:14.5px;cursor:pointer}
#comment-form button:hover{filter:brightness(1.08)}
#comment-form button:disabled{opacity:.55;cursor:default}
#comment-status{color:var(--muted);font-size:13.5px;margin-right:auto}
.cnote{color:var(--muted);font-size:12.5px;margin:12px 0 0;line-height:1.6}