.cl { width: min(960px, 100%); margin-inline: auto; padding: clamp(40px, 7vw, 88px) var(--pad-x) 88px; }
.cl-intro { margin-bottom: 56px; }
.cl-eyebrow { margin: 0 0 12px; color: var(--accent-text); font-size: 11px; font-weight: 600; letter-spacing: .14em; }
.cl-intro h1 { margin: 0 0 12px; font-size: clamp(36px, 6vw, 52px); line-height: 1.1; letter-spacing: -.04em; }
.cl-intro > p:last-child { margin: 0; color: var(--text-secondary); font-size: 16px; }
.cl-release { display: grid; grid-template-columns: 165px minmax(0, 1fr); gap: 28px; padding-block: 32px; border-top: 1px solid var(--border-divider); }
.cl-date { align-self: start; color: var(--text-muted) !important; font-size: 13px; padding-top: 5px; }
.cl-date:hover { color: var(--accent-text) !important; }
.cl-content h2 { margin: 0 0 20px; font-size: 21px; line-height: 1.35; letter-spacing: -.025em; scroll-margin-top: 100px; }
.cl-changes { list-style: none; margin: 0; padding: 0; display: grid; gap: 15px; }
.cl-changes li { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: start; }
.cl-changes p { margin: 0; color: var(--text-secondary); font-size: 14px; line-height: 1.65; }
.cl-tag { justify-self: start; border: 1px solid; border-radius: 5px; padding: 2px 8px; font-size: 11px; font-weight: 600; line-height: 1.5; }
.cl-tag--new { color: var(--status-success); background: oklch(.76 .12 160 / .09); border-color: oklch(.76 .12 160 / .22); }
.cl-tag--improved { color: var(--diff-heroic-text); background: oklch(.80 .10 250 / .09); border-color: oklch(.80 .10 250 / .22); }
.cl-tag--fixed { color: var(--status-warning); background: oklch(.82 .12 90 / .09); border-color: oklch(.82 .12 90 / .22); }
@media (max-width: 640px) {
  .cl-intro { margin-bottom: 32px; }
  .cl-release { grid-template-columns: minmax(0, 1fr); gap: 12px; padding-block: 26px; }
  .cl-date { padding-top: 0; }
  .cl-content h2 { font-size: 20px; }
  .cl-changes li { grid-template-columns: 72px minmax(0, 1fr); gap: 8px; }
  .cl-tag { padding-inline: 6px; }
}