/* ──────────────────────────────────────────────────────────
   BIMquants Lite — changelog (changelog.html)
   ────────────────────────────────────────────────────────── */

.changelog {
  max-width: 760px;
  margin: 0 auto;
  padding: 3.5rem 2rem 5rem;
}

/* ── RELEASE ENTRY ───────────────────────────────────────── */
.release {
  position: relative;
  padding: 0 0 2.5rem 2rem;
  border-left: 2px solid var(--border);
}

.release:last-child { border-left-color: transparent; padding-bottom: 0; }

/* Timeline dot */
.release::before {
  content: "";
  position: absolute;
  left: -7px;
  top: .35rem;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 4px rgba(47, 107, 255, .18);
}

.release-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .75rem;
  margin-bottom: .9rem;
}

.release-version {
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--dark);
}

.release-date {
  font-size: .8rem;
  font-weight: 600;
  color: var(--muted);
}

.release-tag {
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: .2rem .6rem;
  border-radius: 99px;
  color: #fff;
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);
}

/* ── CHANGE LIST ─────────────────────────────────────────── */
.release ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.release li {
  position: relative;
  padding-left: 1.6rem;
  font-size: .92rem;
  color: var(--text);
}

.release li::before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .04em;
  padding: .08rem .4rem;
  border-radius: 4px;
  line-height: 1.4;
}

.release li.add::before    { content: "NEW";  color: #047857; background: #d1fae5; }
.release li.improve::before { content: "IMP"; color: #1e40af; background: #dbeafe; }
.release li.fix::before    { content: "FIX";  color: #b45309; background: #fef3c7; }