.sf-changelog-page{position:relative;padding:18px 0 70px}
.sf-changelog-hero{position:relative;overflow:hidden;margin-bottom:38px;padding:clamp(28px,5vw,58px);border:1px solid #ffffff1c;border-radius:24px;background:radial-gradient(circle at 86% 12%,rgba(255,122,26,.18),transparent 34%),linear-gradient(135deg,rgba(255,32,31,.14),rgba(10,12,17,.96) 48%);box-shadow:0 24px 75px #0009}
.sf-changelog-hero:after{position:absolute;right:-70px;bottom:-115px;width:330px;height:330px;border:1px solid #ff7a1a42;border-radius:50%;box-shadow:0 0 80px #ff201f26;content:""}
.sf-changelog-hero h1{position:relative;z-index:1;margin:7px 0 10px;font-size:clamp(2.45rem,6vw,5.6rem);line-height:.92;text-transform:uppercase}
.sf-changelog-hero p{position:relative;z-index:1;max-width:720px;margin:0;color:#b6bac5;font-size:clamp(.96rem,1.3vw,1.12rem);line-height:1.65}
.sf-changelog-timeline{position:relative;display:grid;gap:28px;padding-left:36px}
.sf-changelog-timeline:before{position:absolute;top:9px;bottom:9px;left:10px;width:2px;background:linear-gradient(var(--sf-accent-2),var(--sf-accent),#ff201f22);box-shadow:0 0 22px #ff201f8c;content:""}
.sf-changelog-entry{position:relative}.sf-changelog-entry__dot{position:absolute;z-index:2;top:34px;left:-34px;width:18px;height:18px;border:4px solid #070707;border-radius:50%;background:var(--sf-accent);box-shadow:0 0 0 2px var(--sf-accent-2),0 0 25px #ff201fa8}
.sf-changelog-entry__card{display:grid;grid-template-columns:minmax(280px,42%) 1fr;overflow:hidden;border:1px solid #ffffff1d;border-radius:22px;background:linear-gradient(145deg,#11141a,#0b0b0d);box-shadow:0 24px 58px #0008;transition:transform .25s ease,border-color .25s ease}
.sf-changelog-entry__card:hover{transform:translateY(-3px);border-color:#ff7a1a66}
.sf-changelog-entry__media{position:relative;display:grid;min-height:280px;place-items:center;overflow:hidden;background:radial-gradient(circle,#25272d,#08090b 72%);color:#737884;text-align:center}
.sf-changelog-entry__media:after{position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#0d0e12),linear-gradient(0deg,#0505058e,transparent 35%);content:"";pointer-events:none}
.sf-changelog-entry__media img{width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;transition:transform .5s ease}.sf-changelog-entry__card:hover .sf-changelog-entry__media img{transform:scale(1.025)}
.sf-changelog-entry__body{display:flex;min-width:0;flex-direction:column;padding:clamp(25px,4vw,45px)}
.sf-changelog-entry__meta{display:flex;align-items:center;gap:12px;margin-bottom:13px;color:#8c919c;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sf-changelog-version{padding:6px 10px;border:1px solid #ff7a1a68;border-radius:999px;background:#ff201f16;color:#ff8a2d}
.sf-changelog-package{width:max-content;max-width:100%;overflow:hidden;color:#ff7a1a;font-size:.78rem;font-weight:900;letter-spacing:.12em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.sf-changelog-entry h2{margin:8px 0 20px;font-size:clamp(1.55rem,2.6vw,2.65rem);line-height:1.05;overflow-wrap:anywhere;text-transform:uppercase}
.sf-changelog-items{display:grid;gap:10px;margin:0 0 24px;padding:0;list-style:none}.sf-changelog-item{display:grid;grid-template-columns:28px 1fr;align-items:start;gap:10px;color:#d5d7dd;line-height:1.5}
.sf-changelog-item__icon{display:grid;width:25px;height:25px;place-items:center;border:1px solid #ffffff20;border-radius:7px;background:#ffffff0b;font-weight:900}.sf-changelog-item--added .sf-changelog-item__icon{border-color:#37d67a66;background:#37d67a18;color:#55e995}.sf-changelog-item--fixed .sf-changelog-item__icon{border-color:#53a9ff66;background:#53a9ff18;color:#70b8ff}.sf-changelog-item--changed .sf-changelog-item__icon{border-color:#ffb13b66;background:#ffb13b18;color:#ffc15e}.sf-changelog-item--removed .sf-changelog-item__icon{border-color:#ff4f5066;background:#ff4f5018;color:#ff6d6e}
.sf-changelog-entry__button{width:max-content;margin-top:auto;padding:10px 14px;border:1px solid #ff201f72;border-radius:10px;background:#ff201f17;color:#fff;font-weight:800}.sf-changelog-entry__button:hover{background:var(--sf-accent);color:#fff}
.sf-changelog-empty{display:grid;min-height:280px;place-items:center;padding:35px;border:1px dashed #ffffff24;border-radius:22px;color:#8e929c;text-align:center}.sf-changelog-empty[hidden]{display:none}.sf-changelog-empty>span{font-size:3rem}.sf-changelog-empty h2{margin:8px 0 0;color:#fff}.sf-changelog-empty p{margin:0}
@media(max-width:800px){.sf-changelog-timeline{padding-left:27px}.sf-changelog-timeline:before{left:7px}.sf-changelog-entry__dot{left:-27px}.sf-changelog-entry__card{grid-template-columns:1fr}.sf-changelog-entry__media{min-height:0;aspect-ratio:16/9}.sf-changelog-entry__media:after{background:linear-gradient(0deg,#0d0e12,transparent 38%)}.sf-changelog-entry__body{padding:25px}.sf-changelog-entry h2{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){.sf-changelog-entry__card,.sf-changelog-entry__media img{transition:none}}