/* Changelog. Everything else comes from /site.css and /blog/blog.css. */
.cl-list{display:grid;gap:clamp(12px,1.5vw,20px);max-width:900px;margin:0 auto}
.cl-card{display:grid;grid-template-columns:clamp(170px,19vw,220px) minmax(0,1fr);gap:clamp(20px,2.6vw,36px);padding:clamp(20px,2.2vw,30px);border-radius:clamp(20px,2vw,28px);background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.05),0 0 0 1px rgba(16,24,40,.03)}
.cl-head{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.cl-head h2{font:var(--h3);letter-spacing:var(--h3-ls);color:var(--ink)}
.cl-head time{font-size:18px;line-height:1.4;color:var(--mute)}
.cl-latest{margin-top:4px;padding:6px 11px;border-radius:999px;background:linear-gradient(90deg,#1460e0,#2a6ff0);font:600 14px/1 var(--ui);color:#fff}
.cl-items{display:grid;gap:14px}
.cl-items li{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;align-items:start;font-size:18px;line-height:1.45;color:var(--text)}
.cl-tag{margin-top:1px;padding:5px 0;border-radius:999px;font:600 14px/1 var(--ui);text-align:center}
.cl-tag.new{background:#e9f0ff;color:var(--blue-d)}
.cl-tag.improved{background:var(--wash);color:var(--text)}
.cl-tag.fixed{background:#e6f5ec;color:var(--green)}

@media (max-width:760px){
  .cl-card{grid-template-columns:1fr;gap:18px}
}
@media (max-width:440px){
  .cl-items li{grid-template-columns:1fr;gap:6px}
  .cl-tag{justify-self:start;padding:5px 11px}
}