/* The changelog (wijzigingen.html, filled by serve.py from changelog.toml): a day per entry on a
   rail, the date as its head, the day's versions in mono, the changes as plain lines. */
.ch { list-style: none; margin-top: 36px; border-left: 2px solid var(--ink-700); }
.ch__day { position: relative; padding: 0 0 34px 24px; }
.ch__day::before { content: ""; position: absolute; left: -7px; top: 6px; width: 12px; height: 12px; background: var(--jade); clip-path: polygon(0 0, 100% 0, calc(100% - 3px) 100%, 0 100%); }
.ch__day.is-live::before { background: var(--gold); }
.ch__h { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; }
.ch__date { font-size: 18px; font-weight: 800; color: var(--paper); }
.ch__ver { font-size: 12px; color: var(--ink-300); }
.ch__live { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--gold); }
.ch__items { list-style: none; display: grid; gap: 8px; margin-top: 12px; }
.ch__items li { position: relative; padding-left: 16px; font-size: 16px; line-height: 1.55; color: var(--paper-dim); }
.ch__items li::before { content: ""; position: absolute; left: 0; top: .7em; width: 6px; height: 2px; background: var(--ink-400); }
@media (max-width: 720px) {
  .ch { margin-top: 28px; }
  .ch__day { padding: 0 0 28px 18px; }
  .ch__items li { font-size: 15px; }
}