/* Additive Like controls: shared by posts, articles, images and comments. */
.reputation-like { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; max-width: 100%; vertical-align: middle; color: var(--bone-2, #d1d2c8); }
.reputation-like[hidden], .reputation-like [hidden] { display: none !important; }
.reputation-like__button, .reputation-like__retry { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 36px; max-width: 100%; margin: 0; padding: 6px 11px; border: 1px solid var(--line-steel, #394449); border-radius: var(--radius-sm, 4px); background: var(--steel-1, #172023); color: inherit; font: 500 .82rem/1.3 var(--font-body, sans-serif); text-decoration: none; cursor: pointer; }
.reputation-like__button svg { flex: 0 0 17px; width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.reputation-like__button:not(:disabled):hover, .reputation-like__retry:not(:disabled):hover { border-color: var(--brass, #bd974d); color: var(--brass-hi, #e6c276); }
.reputation-like__button[aria-pressed='true'] { border-color: var(--brass, #bd974d); color: var(--brass-hi, #e6c276); background: var(--gold-wash, #302a1b); }
.reputation-like__button:focus-visible, .reputation-like__retry:focus-visible { outline: 2px solid var(--brass-hi, #e6c276); outline-offset: 3px; }
.reputation-like__button:disabled { opacity: .75; cursor: default; }
.reputation-like[data-like-state='saving'] .reputation-like__button { cursor: progress; }
.reputation-like__count { flex: 0 0 auto; padding-left: 8px; border-left: 1px solid currentColor; font-variant-numeric: tabular-nums; }
.reputation-like__status { max-width: 44ch; color: var(--bone-2, #d1d2c8); font-size: .8rem; line-height: 1.45; overflow-wrap: anywhere; }
.reputation-like__status:empty { display: none; }
.reputation-like__retry { min-height: 32px; padding: 4px 8px; background: transparent; }
@media (max-width: 760px) {
  .reputation-like__button, .reputation-like__retry { min-height: 44px; }
  .reputation-like__status { flex-basis: 100%; }
}

/* Laberbox reactions stay visible as a small heart and count. */
.reputation-like[data-like-type='shoutbox'] { gap: 4px 8px; margin-top: 2px; color: var(--smoke); }
.reputation-like[data-like-type='shoutbox'] .reputation-like__button { min-height: 30px; gap: 5px; padding: 3px 7px; border-color: transparent; background: transparent; font-size: .72rem; border-radius: 20px; }
.reputation-like[data-like-type='shoutbox'] .reputation-like__button svg { width: 14px; height: 14px; flex-basis: 14px; }
.reputation-like[data-like-type='shoutbox'] [data-like-label] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.reputation-like[data-like-type='shoutbox'] .reputation-like__count { border: 0; padding: 0; font-size: .72rem; }
.reputation-like[data-like-type='shoutbox'] .reputation-like__button:not(:disabled):hover { background: rgba(189,151,77,.07); color: var(--brass-hi); }
.reputation-like[data-like-type='shoutbox'] .reputation-like__button[aria-pressed='true'] { color: var(--brass-hi); }
.reputation-like[data-like-type='shoutbox'] .reputation-like__button[aria-pressed='true'] svg { fill: rgba(189,151,77,.2); }
@media (pointer: coarse) { .reputation-like[data-like-type='shoutbox'] .reputation-like__button { min-height: 44px; min-width: 44px; } }