/* ============================================================
   changelog.css — Timeline "Lịch sử cập nhật", dùng chung bởi:
   - index.html (#lich-su) — bản TÓM GỌN theo tháng (HomeChangelog.mountSummary)
   - tai-lieu.html — bản ĐẦY ĐỦ từng cập nhật (HomeChangelog.mount)
   ============================================================ */

.changelog-section { padding-bottom: var(--gap-3xl); }
.changelog-col     { grid-column: 3 / span 8; }
.changelog-list    { position: relative; padding-left: 28px; border-left: 2px solid var(--line); }
.changelog-item     { position: relative; padding-bottom: var(--gap-xl); }
.changelog-item:last-child { padding-bottom: 0; }
.changelog-item::before {
  content: ''; position: absolute; left: -33px; top: 5px;
  width: 10px; height: 10px; border-radius: 50%;
  background: var(--brand); box-shadow: 0 0 0 3px var(--brand-soft);
}
.changelog-date  { font-size: var(--fs-span); color: var(--muted); font-weight: 600; display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.changelog-title { margin-bottom: 4px; }
.changelog-desc  { color: var(--muted); margin-bottom: 0; }
.changelog-more  { margin-top: var(--gap-lg); }

@media (max-width: 768px) {
  .changelog-col { grid-column: span 12; }
}