.cl-wrap{max-width:760px;margin:0 auto;padding:48px 24px 80px}
.cl-hero{text-align:center;margin-bottom:48px}
.cl-hero h1{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:clamp(36px,6vw,56px);letter-spacing:-.03em;margin:0 0 14px;color:#fff}
.cl-hero p{font-size:17px;color:rgba(255,255,255,.65);max-width:48ch;margin:0 auto;line-height:1.55}
.cl-entry{position:relative;padding:24px 0 28px 24px;border-left:1px solid rgba(255,255,255,.08)}
.cl-entry::before{content:"";position:absolute;left:-5px;top:32px;width:9px;height:9px;background:#6366f1;border-radius:50%;box-shadow:0 0 14px rgba(99,102,241,.5)}
.cl-date{font-size:12px;font-weight:600;color:#a5b4fc;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}
.cl-title{font-family:'Fraunces',Georgia,serif;font-size:22px;font-weight:500;letter-spacing:-.02em;margin:0 0 12px;color:#fff}
.cl-body{font-size:15px;line-height:1.7;color:rgba(255,255,255,.78)}
.cl-body ul{padding-left:18px;margin:8px 0}
.cl-body li{margin-bottom:6px}
.cl-body strong{color:#fff}
.cl-tag{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;letter-spacing:.06em;text-transform:uppercase;margin-right:6px;vertical-align:1px}
.tag-new{background:rgba(34,197,94,.14);color:#86efac}
.tag-fix{background:rgba(245,158,11,.14);color:#fde68a}
.tag-security{background:rgba(239,68,68,.14);color:#fca5a5}
.tag-ux{background:rgba(99,102,241,.18);color:#c7d2fe}
.cl-footer{text-align:center;margin-top:60px;padding-top:28px;border-top:1px solid rgba(255,255,255,.08);font-size:14px;color:rgba(255,255,255,.55)}
.cl-footer a{color:#a5b4fc;text-decoration:none}
.cl-footer a:hover{text-decoration:underline}