/* コメント（モジュール comments）の最小限の形。色・余白・文字の大きさはテーマの CSS で上書きする（class は knk-comments…）。
   ここに書くのは、動きに要るものだけ（見えない欄・隠す・返信の字下げ） */
.knk-comments-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.knk-comments [hidden] { display: none !important; }
.knk-comments-list, .knk-comments-replies { list-style: none; margin: 0; padding: 0; }
.knk-comments-replies { margin-left: 1.25em; }
.knk-comments-form { display: grid; gap: .5em; }
.knk-comments-input-body { width: 100%; box-sizing: border-box; resize: vertical; }
.knk-comments-foot { display: flex; flex-wrap: wrap; gap: .5em 1em; align-items: center; justify-content: space-between; }
.knk-comments-meta { display: flex; flex-wrap: wrap; gap: .25em .75em; align-items: baseline; }
.knk-comments-body p { margin: .25em 0; overflow-wrap: anywhere; }
.knk-comments-tools { display: flex; justify-content: flex-end; }
.knk-comments-status:empty { display: none; }