/* SHK Comments — 단일 뷰 댓글 (기획서 §12). 토큰은 reader.css(:root)에서 상속. */
.shk-comments { max-width: 46rem; margin: 1.5rem auto 4rem; padding: 0 18px; font-family: var(--shk-font); }
.shk-c__title { font-size: 1.1rem; color: var(--shk-text); border-top: 1px solid var(--shk-border); padding-top: 1.4rem; margin: 1.5rem 0 1rem; }
.shk-c__title span { color: var(--shk-text-3); }

.shk-c__form { display: flex; flex-direction: column; gap: 8px; margin: 0 0 1.8rem; position: relative; }
.shk-c__nick, .shk-c__body { background: var(--shk-surface); border: 1px solid var(--shk-border); border-radius: 10px;
	padding: 10px 12px; color: var(--shk-text); font: inherit; }
.shk-c__nick { max-width: 220px; }
.shk-c__body { resize: vertical; line-height: 1.6; }
.shk-c__nick:focus, .shk-c__body:focus { outline: 2px solid var(--shk-accent); border-color: transparent; }
.shk-c__hp { position: absolute; left: -9999px; top: 0; width: 1px; height: 1px; opacity: 0; }
.shk-c__row { display: flex; align-items: center; gap: 12px; }
.shk-c__note { font-size: var(--shk-fs-sm); color: var(--shk-text-3); }
.shk-c__submit { margin-left: auto; background: var(--shk-accent); color: #fff; border: none;
	border-radius: var(--shk-r-full); padding: 10px 22px; font-weight: 600; cursor: pointer; }
.shk-c__submit:disabled { opacity: .6; cursor: default; }
.shk-c__msg { font-size: var(--shk-fs-sm); min-height: 1.2em; color: var(--shk-text-2); }
.shk-c__msg.is-ok { color: #16A34A; }
.shk-c__msg.is-err { color: #DC2626; }

.shk-c__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px; }
.shk-c__item { border-top: 1px solid var(--shk-border); padding-top: 14px; }
.shk-c__meta { font-size: var(--shk-fs-sm); color: var(--shk-text-2); margin-bottom: 4px; }
.shk-c__meta time { color: var(--shk-text-3); margin-left: 6px; }
.shk-c__text { color: var(--shk-text); line-height: 1.65; word-break: keep-all; overflow-wrap: anywhere; }
.shk-c__empty { color: var(--shk-text-3); padding: 14px 0; }