/* BDOlog: 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;
}

/* Year accordions (js/changelog-years.js) */
details.changelog-year {
  border: 1px solid rgba(178, 141, 85, 0.4);
  border-radius: 10px;
  background: rgba(20, 16, 10, 0.55);
}
details.changelog-year > summary.changelog-year-head {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.8rem 1rem;
  cursor: pointer;
  list-style: none;
  user-select: none;
}
details.changelog-year > summary.changelog-year-head::-webkit-details-marker { display: none; }
details.changelog-year > summary.changelog-year-head::marker { content: ""; }
details.changelog-year > summary.changelog-year-head:hover { background: rgba(178, 141, 85, 0.08); }
details.changelog-year > summary:focus-visible { outline: 2px solid var(--gold, #B28D55); outline-offset: 2px; }
.changelog-year-title {
  margin: 0;
  color: var(--gold, #B28D55);
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.changelog-year-count {
  margin-left: auto;
  color: rgba(242, 239, 232, 0.55);
  font-size: 0.8rem;
  white-space: nowrap;
}
details.changelog-year > summary .changelog-disclosure { transition: transform 0.2s ease; }
details.changelog-year[open] > summary .changelog-disclosure { transform: rotate(45deg); }
.changelog-year-body {
  display: grid;
  gap: 0.75rem;
  padding: 0 0.75rem 0.9rem;
}
@media (max-width: 600px) {
  details.changelog-year > summary.changelog-year-head { padding: 0.7rem 0.75rem; }
  .changelog-year-body { padding: 0 0.4rem 0.6rem; }
  .changelog-year-title { font-size: 1.1rem; }
}