.changelog-intro { padding-block:clamp(44px,6vw,86px) 48px; }
.changelog-intro-inner { display:flex; justify-content:space-between; align-items:flex-end; gap:32px; animation:enter .5s ease-out both; }
.changelog-intro h1 { font-size:clamp(40px,5.3vw,76px); line-height:1.08; }
.changelog-intro h1 span { color:var(--coral); }
.changelog-intro p { margin-top:22px; max-width:650px; font-size:clamp(18px,1.6vw,22px); color:var(--muted); }
.changelog-intro .text-link { flex-shrink:0; }
.changelog-history { padding-bottom:80px; }
.changelog-section-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-block:24px; border-top:1px solid var(--line); }
.changelog-section-heading h2 { font-size:22px; letter-spacing:-.025em; }
.changelog-section-heading p { font-size:14px; color:var(--muted); }
.changelog-notice { display:flex; align-items:flex-start; gap:32px; padding:clamp(28px,4vw,52px); background:var(--blush); border-radius:10px; }
.changelog-notice img { width:64px; height:64px; flex-shrink:0; }
.changelog-notice h3 { font-size:clamp(24px,2.4vw,34px); letter-spacing:-.04em; }
.changelog-notice p { margin-top:16px; color:var(--muted); max-width:680px; font-size:18px; }
.changelog-notice-links { display:flex; flex-wrap:wrap; gap:12px 28px; margin-top:22px; }
.changelog-notice-links .text-link { font-size:16px; }
.changelog-release { display:grid; grid-template-columns:minmax(220px,.65fr) minmax(0,2fr); gap:clamp(30px,6vw,90px); border-top:1px solid var(--line); padding-block:44px; scroll-margin-top:140px; }
.changelog-release:target { border-top-color:var(--coral); }
.changelog-release-meta h3 { font-size:clamp(24px,2.1vw,30px); letter-spacing:-.035em; overflow-wrap:anywhere; }
.changelog-release-meta time, .changelog-release-meta > p { display:block; margin-top:10px; color:var(--muted); font-size:15px; }
.changelog-latest { display:inline-block; margin-top:12px; font-size:13px; font-weight:700; color:#b92c1e; padding:7px 10px; background:var(--blush); border-radius:4px; }
.changelog-permalink { display:inline-flex; align-items:center; gap:8px; min-height:44px; margin-top:8px; font-size:14px; color:var(--muted); }
.changelog-permalink .icon { width:16px; height:16px; }
.changelog-permalink:hover { color:var(--coral-hover); }
.changelog-release-meta > .text-link { display:flex; width:fit-content; font-size:16px; margin-top:4px; }
.changelog-category + .changelog-category { margin-top:26px; }
.changelog-category h4 { margin:0 0 12px; font-size:15px; line-height:1.4; color:var(--coral-hover); }
.changelog-category ul { margin:0; padding-left:20px; font-size:17px; line-height:1.65; overflow-wrap:anywhere; }
.changelog-category li + li { margin-top:10px; }
.changelog-category li::marker { color:var(--muted); }
.changelog-no-notes { color:var(--muted); }
.changelog-pagination { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:20px 32px; border-top:1px solid var(--line); padding-top:28px; }
.changelog-pagination p { font-size:14px; color:var(--muted); }
.changelog-pagination .text-link { font-size:16px; }
.changelog-next { background:var(--blush); padding-block:56px; }
.changelog-next-inner { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:48px; }
.changelog-next h2 { font-size:clamp(30px,3vw,42px); }
.changelog-next p { margin-top:16px; color:var(--muted); max-width:580px; }
.changelog-next-links { display:flex; flex-wrap:wrap; align-items:center; gap:18px 28px; }
.changelog-next-links .button, .changelog-next-links .text-link { font-size:16px; }
.changelog-next-links .button { background:var(--coral-hover); border-color:var(--coral-hover); }
@media (max-width:920px) {
    .changelog-intro-inner { align-items:flex-start; flex-direction:column; gap:20px; }
    .changelog-release { grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr); gap:32px; }
    .changelog-next-inner { grid-template-columns:1fr; gap:28px; }
}
@media (max-width:620px) {
    .changelog-intro { padding-block:38px 30px; }
    .changelog-intro p { margin-top:16px; }
    .changelog-history { padding-bottom:48px; }
    .changelog-notice { flex-direction:column; gap:22px; padding:26px; }
    .changelog-notice p { font-size:16px; }
    .changelog-notice img { width:52px; height:52px; }
    .changelog-notice-links { flex-direction:column; gap:12px; }
    .changelog-release { grid-template-columns:1fr; gap:24px; padding-block:32px; }
    .changelog-category ul { font-size:16px; }
    .changelog-next { padding-block:40px; }
}
@media (prefers-reduced-motion:reduce) { .changelog-intro-inner { animation:none; } }