/* What's new (/changelog): one card per release, newest first. Mobile first; theme tokens only. */
.cl-actions { display: flex; flex-wrap: wrap; gap: var(--s-2); margin: var(--s-4) 0 0; }
.cl-actions .icon { width: 16px; height: 16px; }
.cl-list { display: grid; gap: var(--s-4); max-width: 820px; }
.cl-entry { display: grid; gap: var(--s-3); min-width: 0; scroll-margin-top: var(--s-7); }
.cl-entry:target { border-color: color-mix(in oklab, var(--brand) 55%, transparent); box-shadow: inset 0 2px 0 var(--brand), var(--shadow-2, none); }
.cl-head { display: grid; gap: var(--s-2); }
.cl-meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2) var(--s-3); }
.cl-anchor { display: none; margin-left: auto; text-decoration: none; }
.cl-anchor:hover { color: var(--brand); }
.cl-headline { margin: 0; text-wrap: balance; }
.cl-items { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s-3); }
.cl-items li { display: grid; grid-template-columns: 1fr; gap: var(--s-1); color: var(--text-2); line-height: 1.5; min-width: 0; }
.cl-items li > span:last-child { overflow-wrap: anywhere; }
.cl-tag { justify-self: start; display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: var(--r-pill);
  font: 750 11px/1 var(--font-body); letter-spacing: 0.06em; text-transform: uppercase; white-space: nowrap; }
.cl-tag-new { background: var(--brand-soft); color: color-mix(in oklab, var(--brand) 70%, white); }
.cl-tag-improved { background: var(--accent-soft); color: color-mix(in oklab, var(--accent) 70%, white); }
.cl-tag-fixed { background: color-mix(in oklab, var(--ok) 18%, transparent); color: color-mix(in oklab, var(--ok) 70%, white); }
:root[data-mode="light"] .cl-tag { color: var(--text); }
.cl-links { display: flex; flex-wrap: wrap; gap: var(--s-2); padding-top: var(--s-3); border-top: 1px solid var(--line); }
.cl-links .btn { max-width: 100%; }
.cl-video { white-space: normal; text-align: left; }
@media (min-width: 640px) {
  .cl-anchor { display: inline; }
  .cl-items li { grid-template-columns: 104px 1fr; gap: var(--s-3); align-items: baseline; }
  .cl-tag { justify-self: start; }
}