.el-blog .cl-list{max-width:900px;padding-block:clamp(56px,7vw,90px) clamp(90px,11vw,140px)}.el-blog .cl-entry{border-top:1px solid var(--line);grid-template-columns:180px 1fr;gap:32px;padding-block:36px;scroll-margin-top:40px;display:grid}.el-blog .cl-entry:first-child{border-top:0;padding-top:0}.el-blog .cl-meta{flex-direction:column;align-self:start;align-items:flex-start;gap:8px;display:flex;position:sticky;top:96px}.el-blog .cl-version{font:600 13px/1 var(--ui);background:var(--ink);color:#fff;border-radius:999px;padding:7px 11px;text-decoration:none}.el-blog .cl-meta time{font:500 14px/1.3 var(--ui);color:var(--ink-3)}.el-blog .cl-body h2{font:600 clamp(22px,2.2vw,26px)/1.25 var(--ui);letter-spacing:-.018em;color:var(--ink)}.el-blog .cl-desc{color:var(--ink-2);margin-top:10px;font-size:17px;line-height:1.55}.el-blog .cl-changes{gap:12px;margin:20px 0 0;padding:0;list-style:none;display:grid}.el-blog .cl-changes li{color:var(--ink-2);align-items:flex-start;gap:12px;font-size:15.5px;line-height:1.5;display:flex}.el-blog .cl-type{text-align:center;min-width:72px;font:600 12px/1 var(--ui);border-radius:999px;flex:none;margin-top:1px;padding:6px 9px}.el-blog .cl-feature{color:#17603e;background:#ddf1e6}.el-blog .cl-improvement{color:#2a4f8f;background:#e2ebfa}.el-blog .cl-fix{color:#8a5410;background:#f7ead3}.el-blog .cl-breaking{color:#9a3420;background:#f7ded8}.el-blog .cl-foot{border-top:1px solid var(--line);color:var(--ink-3);text-align:center;margin-top:48px;padding-top:28px}.el-blog .cl-foot a{color:var(--ink);text-underline-offset:3px}@media (max-width:720px){.el-blog .cl-entry{grid-template-columns:1fr;gap:14px}.el-blog .cl-meta{flex-direction:row;align-items:center;gap:12px;position:static}}
