/* ================================
   配色
================================ */
:root{
  --uragi-blue:   #0d4fc7;  /* 青 */
  --uragi-orange: #f39800;  /* オレンジ */
}

/* ================================
   リストの骨組み
================================ */
#comments .comments-list{
  display:block !important;
  list-style:none !important;
  padding-left:0 !important;
  margin:0 !important;
  clear:both !important;
}
#comments .comments-list > li{
  margin:0 !important;   /* 親同士の縦余白はCSSで管理 */
}

/* 子ツリー（縦ガイド線は不要） */
#comments .comments-list .children{
  list-style:none;
  border-left:none !important;
  padding-left:0 !important;
  margin-left:22px;       /* インデント */
}

/* ================================
   共通パーツ（色・文字）
   ※ 枠や背景はここでは付けない
================================ */
#comments .uragi-meta{
  color:#444; font-size:.98em; margin-bottom:12px;
}
#comments .uragi-number{ font-weight:700; color:#222; margin-right:4px; }
#comments .uragi-author{ font-weight:700; color:#222; }
#comments .uragi-ip{ color:#999; font-size:.95em; }

#comments .uragi-body{
  font-size:1.08em; color:#222; white-space:pre-line; margin-bottom:16px;
}

#comments .uragi-bottom{
  margin-top:auto; display:flex; flex-direction:column; align-items:flex-end; gap:6px; text-align:right;
}
#comments .uragi-actions{
  display:inline-flex; align-items:center; gap:12px; white-space:nowrap; margin:0;
}
#comments .uragi-like-btn,
#comments .uragi-dislike-btn{
  display:inline-flex; align-items:center; gap:4px; font-weight:700; cursor:pointer; font-size:1em;
  color:#e0557a;           /* いいね系はピンク */
}
#comments .uragi-like-heart{ color:#e0557a; font-size:1.1em; }
#comments .uragi-dislike-x { color:#999;    font-size:1.07em; }

#comments .uragi-reply-link,
#comments .uragi-reply-link a,
#comments .reply,
#comments .comment-reply-link{
  display:block !important; float:none !important; clear:both !important;
  margin:0; white-space:nowrap; color:#e0557a; text-decoration:underline; font-weight:700; font-size:.98em;
}

#comments .uragi-date{ display:block; color:#aaa; font-size:.94em; white-space:nowrap; }

/* ================================
   親コメント（通常）… 枠なし＋下だけ点線
================================ */
#comments .uragi-comment.is-parent{
  background:transparent; border:none; box-shadow:none; border-radius:0;
  padding:12px 0 14px;
  border-bottom:1px dashed #e5e7ea;
}
/* 一覧の最後だけ下線を消す */
#comments .comments-list > li:last-child .uragi-comment.is-parent{
  border-bottom:none;
}

/* ================================
   子コメント（返信）… 枠なし＋上だけ点線
================================ */
#comments .uragi-comment.is-reply{
  background:transparent; border:none; box-shadow:none; border-radius:0;
  padding:10px 0;
  border-top:1px dashed #e5e7ea;
}

/* ================================
   いいね20以上（文字だけ強調）
================================ */
#comments .uragi-comment.is-hot .uragi-body{
  font-size:1.16em !important;
  font-weight:700;
  color:var(--uragi-orange) !important;
}
/* 読みやすさのため作者名・通し番号は黒を維持 */
#comments .uragi-comment.is-hot .uragi-author,
#comments .uragi-comment.is-hot .uragi-number{
  color:#000 !important;
}

/* ================================
   MVP（これだけカード＋青枠）
================================ */
#comments .uragi-comment.is-mvp{
  background:#fff;
  border:3px solid var(--uragi-blue);
  border-radius:8px;
  padding:14px 16px;
}
/* MVPの本文は少し大きめ */
#comments .uragi-comment.is-mvp .uragi-body{
  font-size:1.2em;
  font-weight:700;
}

/* MVP 見出し（お好みで） */
#comments .mvp-title{
  display:inline-block; font-size:1.6em; font-weight:800; color:var(--uragi-blue); line-height:1.2;
}
#comments .mvp-title::before,
#comments .mvp-title::after{
  content:"⚓"; color:var(--uragi-blue); font-size:1.1em; vertical-align:middle;
}
#comments .mvp-title::before{ margin-right:.35em; }
#comments .mvp-title::after { margin-left:.35em; }

/* MVPの本文は常に一段大きく・太く */
#comments .mvp-comment .uragi-comment.is-mvp .uragi-body{
  font-size:1.3em !important;
  font-weight:700;
  color:var(--uragi-orange) !important;
}

/* 黒丸を消す */
.mvp-comment {
  list-style: none !important;  /* liの黒丸を消す */
  padding-left: 0 !important;   /* 左の余白を消す */
  margin-left: 0 !important;    /* 左の余白を消す */
}

/* ================================
   スマホ微調整
================================ */
@media (max-width: 480px){
  #comments .mvp-title{ font-size:1.4em; }
  #comments .comments-list .children{ margin-left:16px; }
}