/* BDO Class Hub: live-server change log (official NA/EU patch notes).
   Works with the base .changelog-* rules in styles.css and .skill-inline in skill-tooltip.css. */
.class-changelog .combo-guide-title.changelog-title-with-icon {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.changelog-classicon {
  display: inline-block;
  flex: 0 0 auto;
  width: 1.6em;
  height: 1.6em;
  background-color: var(--gold, #B28D55);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.changelog-intro.changelog-intro--source {
  margin-bottom: 0.35rem;
  color: rgba(242, 239, 232, 0.9);
}
.changelog-intro.changelog-intro--source strong { color: #f5e3c0; }
.changelog-intro.changelog-intro--note {
  font-size: 0.84rem;
  color: rgba(242, 239, 232, 0.62);
}
.changelog-count {
  color: rgba(242, 239, 232, 0.55);
  font-size: 0.8rem;
  font-weight: 500;
  white-space: nowrap;
}
.class-changelog .changelog-item {
  grid-template-columns: 3.4rem minmax(0, 1fr);
  gap: 0.6rem;
}
.class-changelog .changelog-items { gap: 0.5rem; }
.changelog-item--pvp .changelog-tag {
  color: #ffc9c0;
  background: rgba(160, 50, 40, 0.25);
  border-color: rgba(220, 90, 70, 0.45);
}
.changelog-item--pve .changelog-tag {
  color: #b8f0c8;
  background: rgba(46, 140, 80, 0.22);
  border-color: rgba(80, 180, 110, 0.45);
}
.changelog-item--all .changelog-tag {
  color: #e8d9a8;
  background: rgba(178, 141, 85, 0.15);
  border-color: rgba(178, 141, 85, 0.45);
}
.class-changelog .changelog-desc {
  color: rgba(242, 239, 232, 0.84);
  font-size: 0.9rem;
  line-height: 1.6;
}
.class-changelog .changelog-desc .skill-inline { font-weight: 600; }
.class-changelog .changelog-desc .skill-inline-icon { vertical-align: -0.42em; }
.changelog-scope {
  display: inline-block;
  margin-left: 0.4rem;
  padding: 0 0.35rem;
  border-radius: 3px;
  border: 1px solid rgba(242, 239, 232, 0.18);
  color: rgba(242, 239, 232, 0.6);
  font-size: 0.7rem;
  letter-spacing: 0.04em;
  vertical-align: 0.1em;
  white-space: nowrap;
}