/* 一覧 */
.mmm-comment-list{list-style:none;margin:0;padding:0}
/* 区切りは border + margin/padding で管理する */
.mmm-comment{margin:0}

/* 親コメント同士：少し濃いめ・太め */
.mmm-comment-list > .mmm-comment + .mmm-comment{
  border-top:1px solid #ddd;
  margin-top:.75rem;
  padding-top:.75rem;
}

/* 返信の階層線（縦線）は出さない */
.mmm-comment .children{list-style:none;margin:.75rem 0 0 1rem;padding:0;border-left:none}

/* 子・孫コメント：薄め・細め（親→最初の子の区切りも含む） */
.mmm-comment .children > .mmm-comment{
  border-top:1px solid #f1f5f9;
  margin-top:.75rem;
  padding-top:.75rem;
}
.mmm-comment .children > .mmm-comment:first-child{margin-top:0}

/* ラベル */
.mmm-list-label{margin:0 0 .5rem;font-size:1rem}
.mmm-form-label{margin:1rem 0 .5rem;font-size:1rem}

/* メタ行 */
.mmm-comment-meta{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;font-size:.875rem;color:#666;margin-bottom:.25rem}
.mmm-no{font-weight:700}
.mmm-reply{margin-left:auto}
.mmm-reply .comment-reply-link{margin-left:0}
.mmm-pid{display:none}

/* 本文 */
.mmm-comment-content{margin:.25rem 0 0}
.mmm-comment-content > :first-child{margin-top:0}
.mmm-comment-content > :last-child{margin-bottom:0}
/* コメント内の段落間は控えめに（デフォルトの大きい余白を抑制） */
.mmm-comment-content p{margin:0 0 .5rem}

/* いいね：ラベル風。枠なし。クリックは⇧のみ */
.mmm-comment-actions{display:flex;justify-content:flex-end;margin-top:1.25rem}
.mmm-like{display:inline-flex;align-items:center;gap:.25rem}
.mmm-like{gap:.35rem}
.mmm-like-icon{
  color: rgb(92, 108, 116);
  cursor:pointer;
  user-select:none;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  border-radius:999px;
  background:transparent;
}
.mmm-like-icon:hover{background:#edeff1}
.mmm-like-icon[aria-pressed="false"]:hover{color:rgb(217, 57, 0)}
.mmm-like-icon[aria-pressed="true"]{color:rgb(217, 57, 0)}
.mmm-like-icon:focus-visible{outline:2px solid #94a3b8;outline-offset:2px}

.mmm-like-icon__svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mmm-like-icon[aria-pressed="true"] .mmm-like-icon__svg{fill:currentColor;stroke:none}

.mmm-like-count{font-weight:400;color:rgb(92, 108, 116)}
.mmm-like-icon[aria-pressed="true"] + .mmm-like-count{color:rgb(217, 57, 0)}

/* フォーム */
#respond{margin-top:1rem}
#respond input[type="text"], #respond textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:.25rem}
#respond .form-submit input{padding:.5rem 1rem}