/* Loaded only on article/analysis pages containing public comments. */
.article-comment-actions,
.comment-reactions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
}
.article-comment-actions { margin-top: 8px; }
.comment-reactions { gap: 10px; color: #747b87; font-size: 11px; }
.comment-reactions .comment-reactions__button {
  display: inline-flex;
  min-width: 36px;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 0;
  padding: 4px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
  touch-action: manipulation;
}
.comment-reactions__button svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.25;
}
.comment-reactions__button:hover { background: rgba(0,77,145,.07); }
.comment-reactions__button:focus-visible { outline: 2px solid #004d91; outline-offset: 2px; }
.comment-reactions__button[aria-pressed="true"] { background: rgba(0,77,145,.08); color: #004d91; }
.comment-reactions__button[data-ut-comment-reaction="dislike"][aria-pressed="true"] { background: rgba(187,40,57,.07); color: #bb2839; }
.comment-reactions__button:disabled { opacity: .55; cursor: wait; }
.comment-reactions .comment-reactions__feedback { flex-basis: 100%; white-space: normal; font-size: 10px; }
.comment-reactions .comment-reactions__feedback:empty { display: none; }
.comment-reactions__feedback.is-error { color: #bb2839; }
.article-comments__list .comment-author .fn { font-style: normal; }

.comment-reactions .comment-reactions__feedback:not(.is-error) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.article-comments__list .comment-author .fn a { color: inherit; font-size: inherit; }