/* ═══════════════════════════════════════════════════════
   PATCH NOTES / CHANGELOG — calm, monochrome, mono labels.
   Matches the homepage card language; category shown by a
   single small dot (rose = fixed, mint = new). No heavy tint.
   ═══════════════════════════════════════════════════════ */

.cl-hero{padding:clamp(66px,10vw,124px) 0 clamp(24px,4vw,44px)}
.cl-meta{font-family:var(--f-mono);font-size:.8rem;color:var(--t3);letter-spacing:.05em;margin-top:8px}
.cl-lead{color:var(--t2);font-size:1.06rem;line-height:1.65;max-width:62ch;margin:18px 0 26px}
.cl-btns{display:flex;flex-wrap:wrap;gap:12px}

.cl-release{background:var(--bg-c);border:1px solid var(--border);border-radius:var(--r-xl);padding:clamp(22px,3.2vw,42px)}
.cl-rel-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-bottom:18px;border-bottom:1px solid var(--border)}
.cl-rel-head h2{font-family:var(--f-display);font-size:clamp(1.3rem,2.4vw,1.72rem);color:var(--t1);margin:0;letter-spacing:-.01em}
.cl-rel-meta{font-family:var(--f-mono);font-size:.78rem;color:var(--t3);letter-spacing:.04em}

.cl-group{margin-top:clamp(24px,3.2vw,34px)}
.cl-group-h{display:flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:.78rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--t2);margin:0 0 15px}
.cl-count{color:var(--t4);font-weight:500;letter-spacing:.04em}
.cl-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}
.cl-dot--new{background:#7CF6C8;box-shadow:0 0 9px rgba(124,246,200,.5)}
.cl-dot--fix{background:#fb7185;box-shadow:0 0 9px rgba(251,113,133,.45)}

.cl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(11px,1.4vw,15px)}
.cl-item{position:relative;padding-left:20px;color:var(--t2);font-size:.95rem;line-height:1.62}
.cl-item::before{content:"";position:absolute;left:2px;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--border-s)}
.cl-item b{color:var(--t1);font-weight:600}
.cl-item a{color:var(--t1);text-decoration:none;border-bottom:1px solid var(--border-h);white-space:nowrap}
.cl-item a:hover{border-color:var(--t1)}

.cl-foot{margin-top:clamp(22px,3vw,34px);padding-top:20px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}
.cl-foot p{color:var(--t3);font-size:.9rem;margin:0}
.cl-foot a{color:var(--t1);text-decoration:none;font-weight:500;border-bottom:1px solid var(--border-h)}
.cl-foot a:hover{border-color:var(--t1)}

@media(max-width:640px){
  .cl-rel-head{flex-direction:column;gap:4px}
}