.beat-social-feed-item__actions {
  display: flex;
  flex-wrap: wrap;
  /* gap intentionally removed so the compact feed action strip does not sprawl. */
  align-items: center;
  margin-top: 0.65rem;
  font-size: 0.92rem;
}

.beat-social-feed-item__action {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  border-radius: 999px;
  padding: 0.2rem 0.55rem;
  line-height: 1.35;
}

.beat-social-feed-item__action:hover,
.beat-social-feed-item__action:focus {
  text-decoration: underline;
}

.beat-social-feed-item__action.is-loading {
  opacity: 0.6;
  pointer-events: none;
}

.beat-social-feed-item__action--reply,
.beat-social-feed-item__action--reply:hover,
.beat-social-feed-item__action--reply:focus,
.beat-social-feed-item__action--reply:active,
.beat-social-feed-comment-action--reply,
.beat-social-feed-comment-action--reply:hover,
.beat-social-feed-comment-action--reply:focus,
.beat-social-feed-comment-action--reply:active {
  text-decoration: none;
}

.beat-social-feed-item__action--comments::before,
.beat-social-feed-item__action--reply::before,
.beat-social-feed-comment-action--reply::before {
  display: inline-block;
  margin-right: 0.28rem;
  font-size: 0.95em;
  line-height: 1;
  transform: translateY(-0.02em);
}

.beat-social-feed-item__action--comments::before {
  content: "💬";
}

.beat-social-feed-item__action--reply::before,
.beat-social-feed-comment-action--reply::before {
  content: "↩";
}

.beat-social-feed-hide-menu {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.beat-social-feed-hide-menu__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.62);
  color: inherit;
  line-height: 1;
  cursor: pointer;
}

.beat-social-feed-hide-menu__toggle:hover,
.beat-social-feed-hide-menu__toggle:focus {
  background: rgba(255, 255, 255, 0.9);
}

.beat-social-feed-hide-menu__icon {
  display: block;
  font-size: 1.2rem;
  line-height: 1;
  transform: translateY(-0.08em);
}

.beat-social-feed-hide-menu__panel {
  position: absolute;
  z-index: 20;
  top: calc(100% + 0.25rem);
  right: 0;
  display: grid;
  gap: 0.2rem;
  min-width: max-content;
  padding: 0.35rem;
  border-radius: 0.65rem;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 0.45rem 1.2rem rgba(0, 0, 0, 0.16);
}

.beat-social-feed-hide-menu__panel[hidden] {
  display: none;
}

.beat-social-feed-hide-menu__link {
  display: block;
  padding: 0.25rem 0.55rem;
  border-radius: 0.45rem;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
}

.beat-social-feed-hide-menu__link:hover,
.beat-social-feed-hide-menu__link:focus {
  background: rgba(0, 0, 0, 0.07);
  text-decoration: none;
}

.beat-social-feed-comment-actions .beat-social-feed-hide-menu {
  margin-left: -0.2rem;
}

.beat-social-feed-comment-actions .beat-social-feed-hide-menu__toggle {
  width: 1.55rem;
  height: 1.55rem;
}


.beat-social-feed-item.is-hidden-by-viewer,
.beat-social-feed-thread__comments .bo-comment.is-hidden-by-viewer,
.beat-social-hidden-user-row.is-hidden-by-viewer {
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 160ms ease, transform 160ms ease;
}

.beat-social-feed-thread {
  margin-top: 0.75rem;
}

.beat-social-feed-thread__panel {
  margin-top: 0.65rem;
  padding-top: 0.65rem;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.beat-social-feed-thread__empty,
.beat-social-feed-thread__error {
  margin: 0;
  opacity: 0.8;
  font-size: 0.95rem;
}

.beat-social-feed-thread__reply-form form {
  margin-bottom: 0;
}

.beat-social-hidden-user-list {
  display: grid;
  gap: 0.65rem;
  margin-top: 1rem;
}

.beat-social-hidden-user-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 0.75rem;
}

.beat-social-hidden-user-row__status {
  opacity: 0.78;
}

/* Keep AJAX-loaded comments/reply forms below the action row, not beside it. */
.beat-social-feed-thread {
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  margin-top: 0.75rem;
}

.beat-social-feed-thread__panel {
  width: 100%;
}

.beat-social-feed-thread__comments .comment {
  max-width: 100%;
}

.beat-social-feed-item__reactions {
  margin-top: 0.5rem;
}

/* The feed avatar/drop-shadow image rules should not decorate reaction emojis. */
.beat-social-feed-item__reactions [class*="votingapi-reaction"],
.beat-social-feed-thread [class*="votingapi-reaction"] {
  box-shadow: none !important;
  filter: none !important;
}

.beat-social-feed-item__reactions [class*="votingapi-reaction"] img,
.beat-social-feed-thread [class*="votingapi-reaction"] img {
  box-shadow: none !important;
  filter: none !important;
}

.beat-social-feed-item__reactions .votingapi-reaction-item-wrapper,
.beat-social-feed-thread .votingapi-reaction-item-wrapper {
  padding: 0;
}

/* Parent post reactions on feed pages use beat-social-feed-item__reactions,
   while wall/thread pages use bo-comment__reactions. Mirror the wall reaction
   layout here so public/following feeds do not show raw radio buttons. */
.beat-social-feed-item__reactions > .field,
.beat-social-feed-item__reactions .vote-form,
.beat-social-feed-item__reactions .form-item,
.beat-social-feed-item__reactions .js-form-item,
.beat-social-feed-item__reactions .form-wrapper,
.beat-social-feed-item__reactions .form-check {
  margin: 0;
  padding: 0;
}

.beat-social-feed-item__reactions .form-item-summary {
  width: 100%;
  margin: 0 0 0.25rem;
  font-size: 0.85rem;
  line-height: 1.2;
  color: #666;
}

.beat-social-feed-item__reactions .form-item-summary.bo-reaction-summary-trigger {
  display: inline-flex;
  width: auto;
  max-width: 100%;
  align-items: center;
  gap: 0.3rem;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}

.beat-social-feed-item__reactions .form-radios {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-items: center;
}

.beat-social-feed-item__reactions .form-check {
  display: inline-flex;
  align-items: center;
  min-height: 0;
}

.beat-social-feed-item__reactions .form-check-input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.beat-social-feed-item__reactions .form-check-label {
  display: inline-flex;
  align-items: center;
  margin: 0;
  cursor: pointer;
}

.beat-social-feed-item__reactions .votingapi-reaction-item-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.55rem;
  border-radius: 999px;
  background: #fff;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.beat-social-feed-item__reactions .form-check-label:hover .votingapi-reaction-item-wrapper {
  background: #f8f8f8;
}

.beat-social-feed-item__reactions .form-check-input:checked + .form-check-label .votingapi-reaction-item-wrapper {
  background: rgba(13, 110, 253, 0.06);
}

.beat-social-feed-item__reactions .votingapi-reaction-item,
.beat-social-feed-item__reactions .votingapi-reaction-form .votingapi-reaction-radios label .votingapi-reaction-item {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  margin: 0 !important;
  border: 0 !important;
}

.beat-social-feed-item__reactions .votingapi-reaction-image {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  max-width: none;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

.beat-social-feed-item__reactions .votingapi-reaction-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.beat-social-feed-item__reactions .votingapi-reaction-count {
  display: inline-block;
  min-width: 0;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1;
  color: #444;
}

/* Feed reactions now use the same wrapper class as native wall comments. Keep
   them clickable and nudge the feed row a hair larger to match the wall view. */
.beat-social-feed-item__reactions.bo-comment__reactions .form-check-label,
.beat-social-feed-item__reactions.bo-comment__reactions .votingapi-reaction-item-wrapper {
  pointer-events: auto;
}

.beat-social-feed-item__reactions.bo-comment__reactions .votingapi-reaction-image {
  width: 1.3rem;
  height: 1.3rem;
}

/* v55: keep feed reaction rails to one line on narrow screens. */
@media (max-width: 575.98px) {
  .beat-social-feed-item__reactions .form-radios {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    max-width: 100%;
    gap: clamp(0.12rem, 0.85vw, 0.25rem);
  }

  .beat-social-feed-item__reactions .form-radios > .form-item,
  .beat-social-feed-item__reactions .form-radios > .js-form-item,
  .beat-social-feed-item__reactions .form-radios > .form-check {
    flex: 1 1 0;
    min-width: 0;
  }

  .beat-social-feed-item__reactions .form-check-label {
    display: block;
    width: 100%;
  }

  .beat-social-feed-item__reactions .votingapi-reaction-item-wrapper {
    width: 100%;
    min-width: 0;
    justify-content: center;
    gap: 0.18rem;
    padding: 0.2rem 0.22rem;
  }

  .beat-social-feed-item__reactions .votingapi-reaction-image,
  .beat-social-feed-item__reactions.bo-comment__reactions .votingapi-reaction-image {
    width: 1rem;
    height: 1rem;
  }

  .beat-social-feed-item__reactions .votingapi-reaction-count {
    font-size: 0.76rem;
  }
}

/* AJAX-loaded wall replies should look like the same comment thread they came from. */
.beat-social-feed-thread__comments.bo-comments {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 0;
  padding-top: 0;
}

.beat-social-feed-thread__comments .bo-comment {
  width: 100%;
}

/* Match the native wall thread indentation from _comment.scss. Percent-based
   nesting keeps reply threads usable on mobile instead of squeezing
   grandchildren into tiny fixed-width tunnels. */
.beat-social-feed-thread__comments .indented {
  margin-left: 1.7%;
  max-width: 98.3%;
  padding-bottom: 1px;
}

.beat-social-feed-thread__comments .indented .indented {
  margin-left: 1.7%;
  max-width: 98.3%;
}

.beat-social-feed-thread__comments .indented > article {
  background: #e7c9a930;
  border-top-left-radius: 65px;
}

.beat-social-feed-thread__comments .block-unblock {
  display: none;
}

.beat-social-feed-thread__comments article ul.links.inline {
  display: none;
}

.beat-social-feed-thread__comments article.js-comment ul.links.inline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.beat-social-feed-thread__comments article.js-comment ul.links.inline li {
  float: none;
}

/* The global votingapi margin tweak is helpful in the native wall context, but
   it makes AJAX-loaded feed replies look oddly loose. Reset it inside the
   loaded thread panels. */
.beat-social-feed-thread__comments .bo-comment__reactions .votingapi-reaction-form .votingapi-reaction-radios label .votingapi-reaction-item,
.beat-social-feed-thread__comments .votingapi-reaction-form .votingapi-reaction-radios label .votingapi-reaction-item {
  margin: 0 !important;
}

.beat-social-feed-thread__comments .bo-comment__reactions .votingapi-reaction-item-wrapper {
  box-shadow: none !important;
  filter: none !important;
}

.beat-social-feed-thread__comments .bo-comment__reactions .votingapi-reaction-image {
  box-shadow: none !important;
  filter: none !important;
}

/* Inline reply controls for comments that were loaded into /public or /following.
   These are separate from the native wall-page comment links so they can stay
   AJAX-only inside the feed panel. */
.beat-social-feed-comment-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  margin: 0.35rem 0 0.25rem;
  font-size: 0.95rem;
}

.beat-social-feed-comment-action {
  line-height: 1.2;
}

.beat-social-feed-comment-action.is-loading {
  opacity: 0.65;
  pointer-events: none;
}

.beat-social-feed-comment-reply-panel {
  margin: 0.5rem 0 0.75rem;
  padding: 0.75rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.72);
}

.beat-social-feed-comment-reply-panel .beat-social-feed-thread__reply-form {
  margin: 0;
}

.beat-social-feed-hide-notice {
  flex: 0 0 100%;
  width: 100%;
  margin-top: 0.65rem;
  padding: 0.55rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.10);
  font-size: 0.94rem;
  line-height: 1.35;
  transition: opacity 160ms ease, transform 160ms ease;
}

.beat-social-feed-hide-notice.is-dismissing {
  opacity: 0;
  transform: translateY(-4px);
}

.beat-social-feed-hide-notice__undo {
  font-weight: 700;
  text-decoration: underline;
}

/* v53: tighten inline feed spacing so loaded reply threads sit closer to the
   parent post and feed rows do not feel over-padded. */
.beat-social-feed-item {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

.beat-social-feed-item:first-child {
  padding-top: 0;
}

.beat-social-feed-item__actions {
  margin-top: 0.45rem;
}

.beat-social-feed-thread {
  margin-top: 0.25rem;
}

.beat-social-feed-thread__panel {
  margin-top: 0.2rem;
  padding-top: 0.2rem;
  border-top: 0;
}

.beat-social-feed-thread__comments.bo-comments {
  margin-top: 0;
  padding-top: 0;
}

.beat-social-feed-thread__comments .bo-comment {
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
}

.beat-social-feed-thread__comments > .indented:first-child > .bo-comment:first-child,
.beat-social-feed-thread__comments > .indented:first-child > article:first-child {
  padding-top: 0.45rem;
}

/* v54: reduce the bottom breathing room on top-level feed rows so the action
   row sits about as close to the lower divider as the avatar/header sits to the
   upper divider. */
.beat-social-feed-item {
  padding-bottom: 0.45rem;
}

.beat-social-feed-item__actions {
  margin-bottom: 0;
}

.beat-social-feed-item__actions + .beat-social-feed-thread {
  margin-bottom: 0.15rem;
}

/* Reply links in /public and /following should read like compact actions, not
   underlined body links, in every state. */
.beat-social-feed-item__action--reply,
.beat-social-feed-item__action--reply:link,
.beat-social-feed-item__action--reply:visited,
.beat-social-feed-item__action--reply:hover,
.beat-social-feed-item__action--reply:focus,
.beat-social-feed-item__action--reply:active,
.beat-social-feed-comment-action--reply,
.beat-social-feed-comment-action--reply:link,
.beat-social-feed-comment-action--reply:visited,
.beat-social-feed-comment-action--reply:hover,
.beat-social-feed-comment-action--reply:focus,
.beat-social-feed-comment-action--reply:active,
.beat-social-feed-item__action--reply::before,
.beat-social-feed-comment-action--reply::before {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* v58: no underline on Reply actions in /public or /following, even when
   theme/global link styling or browser focus state tries to decorate it. */
.beat-social-feed-item__actions a.beat-social-feed-action--reply,
.beat-social-feed-item__actions a.beat-social-feed-action--reply:link,
.beat-social-feed-item__actions a.beat-social-feed-action--reply:visited,
.beat-social-feed-item__actions a.beat-social-feed-action--reply:hover,
.beat-social-feed-item__actions a.beat-social-feed-action--reply:focus,
.beat-social-feed-item__actions a.beat-social-feed-action--reply:active,
.beat-social-feed-comment-actions a.beat-social-feed-comment-action--reply,
.beat-social-feed-comment-actions a.beat-social-feed-comment-action--reply:link,
.beat-social-feed-comment-actions a.beat-social-feed-comment-action--reply:visited,
.beat-social-feed-comment-actions a.beat-social-feed-comment-action--reply:hover,
.beat-social-feed-comment-actions a.beat-social-feed-comment-action--reply:focus,
.beat-social-feed-comment-actions a.beat-social-feed-comment-action--reply:active,
.beat-social-feed-item__actions a.beat-social-feed-action--reply::before,
.beat-social-feed-comment-actions a.beat-social-feed-comment-action--reply::before {
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* v59: no underline on Reply actions in the public/following feed, including
   icon pseudo-elements and any nested text decoration from the theme. */
.beat-social-feed-item__actions a.beat-social-feed-action--reply,
.beat-social-feed-item__actions a.beat-social-feed-action--reply:link,
.beat-social-feed-item__actions a.beat-social-feed-action--reply:visited,
.beat-social-feed-item__actions a.beat-social-feed-action--reply:hover,
.beat-social-feed-item__actions a.beat-social-feed-action--reply:focus,
.beat-social-feed-item__actions a.beat-social-feed-action--reply:active,
.beat-social-feed-item__actions a.beat-social-feed-action--reply::before,
.beat-social-feed-item__actions a.beat-social-feed-action--reply::after,
.beat-social-feed-comment-actions a.beat-social-feed-comment-action--reply,
.beat-social-feed-comment-actions a.beat-social-feed-comment-action--reply:link,
.beat-social-feed-comment-actions a.beat-social-feed-comment-action--reply:visited,
.beat-social-feed-comment-actions a.beat-social-feed-comment-action--reply:hover,
.beat-social-feed-comment-actions a.beat-social-feed-comment-action--reply:focus,
.beat-social-feed-comment-actions a.beat-social-feed-comment-action--reply:active,
.beat-social-feed-comment-actions a.beat-social-feed-comment-action--reply::before,
.beat-social-feed-comment-actions a.beat-social-feed-comment-action--reply::after {
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* v60: keep feed action links and reaction summaries visually clean. */
.beat-social-feed-item__action--comments,
.beat-social-feed-item__action--comments:link,
.beat-social-feed-item__action--comments:visited,
.beat-social-feed-item__action--comments:hover,
.beat-social-feed-item__action--comments:focus,
.beat-social-feed-item__action--comments:active,
.beat-social-feed-item__action--comments::before,
.beat-social-feed-item__action--comments::after,
.beat-social-feed-item__reactions .form-item-summary.bo-reaction-summary-trigger,
.beat-social-feed-item__reactions .form-item-summary.bo-reaction-summary-trigger:link,
.beat-social-feed-item__reactions .form-item-summary.bo-reaction-summary-trigger:visited,
.beat-social-feed-item__reactions .form-item-summary.bo-reaction-summary-trigger:hover,
.beat-social-feed-item__reactions .form-item-summary.bo-reaction-summary-trigger:focus,
.beat-social-feed-item__reactions .form-item-summary.bo-reaction-summary-trigger:active {
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

@media (max-width: 767.98px) {
  .beat-social-feed-item__reactions .votingapi-reaction-image,
  .beat-social-feed-item__reactions.bo-comment__reactions .votingapi-reaction-image,
  .beat-social-feed-thread .bo-comment__reactions .votingapi-reaction-image,
  .beat-social-feed-thread .indented .bo-comment__reactions .votingapi-reaction-image,
  .beat-social-feed-thread .indented .indented .bo-comment__reactions .votingapi-reaction-image {
    width: 1.25rem;
    height: 1.25rem;
  }
}

@media (max-width: 575.98px) {
  .beat-social-feed-item__reactions .form-radios,
  .beat-social-feed-thread .bo-comment__reactions .form-radios,
  .beat-social-feed-thread .indented .bo-comment__reactions .form-radios,
  .beat-social-feed-thread .indented .indented .bo-comment__reactions .form-radios {
    flex-wrap: nowrap;
    gap: clamp(0.03rem, 0.35vw, 0.12rem);
  }

  .beat-social-feed-item__reactions .votingapi-reaction-item-wrapper,
  .beat-social-feed-thread .bo-comment__reactions .votingapi-reaction-item-wrapper,
  .beat-social-feed-thread .indented .bo-comment__reactions .votingapi-reaction-item-wrapper,
  .beat-social-feed-thread .indented .indented .bo-comment__reactions .votingapi-reaction-item-wrapper {
    width: 100%;
    min-width: 0;
    justify-content: center;
    gap: 0.06rem;
    padding: 0.12rem 0.06rem;
  }

  .beat-social-feed-item__reactions .votingapi-reaction-item,
  .beat-social-feed-thread .bo-comment__reactions .votingapi-reaction-item,
  .beat-social-feed-thread .indented .bo-comment__reactions .votingapi-reaction-item,
  .beat-social-feed-thread .indented .indented .bo-comment__reactions .votingapi-reaction-item {
    min-width: 0;
    gap: 0.06rem;
  }

  .beat-social-feed-item__reactions .votingapi-reaction-image,
  .beat-social-feed-item__reactions.bo-comment__reactions .votingapi-reaction-image,
  .beat-social-feed-thread .bo-comment__reactions .votingapi-reaction-image,
  .beat-social-feed-thread .indented .bo-comment__reactions .votingapi-reaction-image,
  .beat-social-feed-thread .indented .indented .bo-comment__reactions .votingapi-reaction-image {
    width: 1.25rem;
    height: 1.25rem;
  }

  .beat-social-feed-item__reactions .votingapi-reaction-count,
  .beat-social-feed-thread .bo-comment__reactions .votingapi-reaction-count,
  .beat-social-feed-thread .indented .bo-comment__reactions .votingapi-reaction-count,
  .beat-social-feed-thread .indented .indented .bo-comment__reactions .votingapi-reaction-count {
    font-size: 0.74rem;
    line-height: 1;
  }
}

/* v61: public/following feed polish.
   AJAX-loaded replies should not look like shrunken siblings, and the mobile
   reaction rail should be a bare, compact emoji/count strip instead of six
   white pill backgrounds. */
.beat-social-feed-thread__comments .bo-comment__author,
.beat-social-feed-thread__comments .bo-comment__author a {
  font-size: 1rem;
}

.beat-social-feed-thread__comments .bo-comment__time {
  font-size: 0.95rem;
}

.beat-social-feed-thread__comments .bo-comment__body {
  font-size: 1.05rem;
  line-height: 1.45;
}

@media (max-width: 767.98px) {
  .beat-social-feed-thread__comments .bo-comment__author,
  .beat-social-feed-thread__comments .bo-comment__author a {
    font-size: 1rem;
  }

  .beat-social-feed-thread__comments .bo-comment__time {
    font-size: 0.88rem;
  }

  .beat-social-feed-thread__comments .bo-comment__body {
    font-size: 1rem;
  }
}

@media (max-width: 575.98px) {
  .beat-social-feed-item__reactions .form-radios,
  .beat-social-feed-thread .bo-comment__reactions .form-radios,
  .beat-social-feed-thread .indented .bo-comment__reactions .form-radios,
  .beat-social-feed-thread .indented .indented .bo-comment__reactions .form-radios {
    gap: 0;
  }

  .beat-social-feed-item__reactions .votingapi-reaction-item-wrapper,
  .beat-social-feed-item__reactions .form-check-label:hover .votingapi-reaction-item-wrapper,
  .beat-social-feed-item__reactions .form-check-input:checked + .form-check-label .votingapi-reaction-item-wrapper,
  .beat-social-feed-thread .bo-comment__reactions .votingapi-reaction-item-wrapper,
  .beat-social-feed-thread .bo-comment__reactions .form-check-label:hover .votingapi-reaction-item-wrapper,
  .beat-social-feed-thread .bo-comment__reactions .form-check-input:checked + .form-check-label .votingapi-reaction-item-wrapper,
  .beat-social-feed-thread .indented .bo-comment__reactions .votingapi-reaction-item-wrapper,
  .beat-social-feed-thread .indented .bo-comment__reactions .form-check-label:hover .votingapi-reaction-item-wrapper,
  .beat-social-feed-thread .indented .bo-comment__reactions .form-check-input:checked + .form-check-label .votingapi-reaction-item-wrapper,
  .beat-social-feed-thread .indented .indented .bo-comment__reactions .votingapi-reaction-item-wrapper,
  .beat-social-feed-thread .indented .indented .bo-comment__reactions .form-check-label:hover .votingapi-reaction-item-wrapper,
  .beat-social-feed-thread .indented .indented .bo-comment__reactions .form-check-input:checked + .form-check-label .votingapi-reaction-item-wrapper {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    gap: 0;
    padding: 0.05rem 0;
  }

  .beat-social-feed-item__reactions .votingapi-reaction-item,
  .beat-social-feed-thread .bo-comment__reactions .votingapi-reaction-item,
  .beat-social-feed-thread .indented .bo-comment__reactions .votingapi-reaction-item,
  .beat-social-feed-thread .indented .indented .bo-comment__reactions .votingapi-reaction-item {
    gap: 0.015rem;
  }

  .beat-social-feed-item__reactions .votingapi-reaction-count,
  .beat-social-feed-thread .bo-comment__reactions .votingapi-reaction-count,
  .beat-social-feed-thread .indented .bo-comment__reactions .votingapi-reaction-count,
  .beat-social-feed-thread .indented .indented .bo-comment__reactions .votingapi-reaction-count {
    margin-left: -0.01rem;
  }
}


/* Uploaded images on the shared /public, /following, and /scene-style feed cards. */
.beat-social-feed-item__image,
.beat-social-feed-item__body .bo-comment__image {
  margin-top: 0.75rem;
}

.beat-social-feed-item__image img,
.beat-social-feed-item__body .bo-comment__image img,
.beat-social-feed-thread__comments .bo-comment__image img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}

/* Inline edit/delete controls share the same small action-row rhythm as reply. */
.beat-social-feed-item__action--edit::before,
.beat-social-feed-comment-action--edit::before {
  content: "✎";
  display: inline-block;
  margin-right: 0.28rem;
  font-size: 0.95em;
  line-height: 1;
  transform: translateY(-0.02em);
}

.beat-social-feed-item__action--delete::before,
.beat-social-feed-comment-action--delete::before {
  content: "×";
  display: inline-block;
  margin-right: 0.28rem;
  font-size: 1.05em;
  line-height: 1;
  transform: translateY(-0.02em);
}

.beat-social-feed-comment-edit-panel,
.beat-social-feed-thread__edit-form {
  margin: 0.5rem 0 0.75rem;
  padding: 0.75rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.72);
}

.beat-social-feed-comment-edit-panel form,
.beat-social-feed-thread__edit-form form {
  margin-bottom: 0;
}


/* v80: /Scene top-level posts now use the same top-right icon row as native
   wall/profile comments. The theme's feed header rule makes every header link
   large and underlined, so reset only this icon island back to comment-action
   dimensions. */
.beat-social-feed-item__meta-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-left: auto;
  align-self: flex-start;
}

.beat-social-feed-item__meta-actions .bo-comment__actions ul.links.inline {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.beat-social-feed-item__meta-actions .bo-comment__actions ul.links.inline li {
  display: inline-flex;
  margin: 0;
}

.beat-social-feed-item__meta-actions .bo-comment__actions a,
.beat-social-feed-item__meta-actions .bo-comment__permalink a,
.beat-social-feed-item__meta-actions .bo-comment__actions a:link,
.beat-social-feed-item__meta-actions .bo-comment__permalink a:link,
.beat-social-feed-item__meta-actions .bo-comment__actions a:visited,
.beat-social-feed-item__meta-actions .bo-comment__permalink a:visited,
.beat-social-feed-item__meta-actions .bo-comment__actions a:hover,
.beat-social-feed-item__meta-actions .bo-comment__permalink a:hover,
.beat-social-feed-item__meta-actions .bo-comment__actions a:focus,
.beat-social-feed-item__meta-actions .bo-comment__permalink a:focus {
  width: 1.7rem;
  height: 1.7rem;
  padding: 0;
  font-size: 0 !important;
  font-weight: 400 !important;
  line-height: 1;
  text-decoration: none !important;
  color: #666;
}

.beat-social-feed-item__meta-actions .bo-comment__actions a[href*="/edit"]::before,
.beat-social-feed-item__meta-actions .bo-comment__actions a[href*="/delete"]::before,
.beat-social-feed-comment-icon-actions a[href*="/edit"]::before,
.beat-social-feed-comment-icon-actions a[href*="/delete"]::before {
  margin-right: 0;
}

.beat-social-feed-item__meta-actions .beat-social-feed-comment-action--delete::before,
.beat-social-feed-comment-icon-actions .beat-social-feed-comment-action--delete::before {
  content: "🗑";
  font-size: 0.9rem;
}

.beat-social-feed-comment-icon-actions {
  display: inline-flex;
  align-items: center;
}

.beat-social-feed-comment-icon-actions ul.links.inline {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.beat-social-feed-comment-icon-actions ul.links.inline li {
  display: inline-flex;
  margin: 0;
}

/* In /Scene edit panels, audience changes stay on the audience badge. */
.beat-social-feed-thread__edit-form .beat-wall-audience,
.beat-social-feed-thread__edit-form .beat-wall-audience-original,
.beat-social-feed-comment-edit-panel .beat-wall-audience,
.beat-social-feed-comment-edit-panel .beat-wall-audience-original,
.beat-social-feed-thread__edit-form .beat-wall-guest-audience-note,
.beat-social-feed-comment-edit-panel .beat-wall-guest-audience-note {
  display: none !important;
}