img {
    transition:transform 0.25s ease;
}

@media (hover: hover) and (pointer: fine){
    img:hover {
        -webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        transform:scale(1.2);
    }
}

.mark {
    background: rgba(255, 255, 0, 0.349);
    color: inherit;
}

.page-dark-mode .mark {
    background: rgba(82, 82, 79, 0.6);
    color: inherit;
}

a.post-disable-highlight { color: inherit; }

/* Upvote Button Styles - Reddit-like */
.upvote-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  vertical-align: middle;
}

.upvote-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: 2px;
  padding: 0.25rem;
  cursor: pointer;
  transition: all 0.15s ease;
  color: #878a8c;
  outline: none;
  vertical-align: middle;
}

.upvote-button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.page-dark-mode .upvote-button:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.upvote-button:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.upvote-icon {
  width: 16px;
  height: 16px;
  stroke: #878a8c;
  fill: none;
  transition: all 0.15s ease;
  display: block;
}

/* Upvoted state - Reddit orange/red (filled) */
.upvote-button.upvoted .upvote-icon {
  fill: #ff4500;
  stroke: #ff4500;
}

.upvote-button.upvoted {
  color: #ff4500;
}

.upvote-button.upvoted:hover {
  background-color: rgba(255, 69, 0, 0.1);
}

.page-dark-mode .upvote-button.upvoted:hover {
  background-color: rgba(255, 69, 0, 0.15);
}

.upvote-count {
  font-size: 0.875rem;
  color: inherit;
  font-weight: 700;
  line-height: 1;
  margin-left: 0.125rem;
}

.upvote-button.upvoted + .upvote-count {
  color: #ff4500;
}