.changelog-nav { display: flex; flex-wrap: wrap; gap: 12px 28px; font-size: 14px; align-items: center; }
.changelog-nav a { padding-block: 10px; }
.changelog-nav [aria-current] { color: var(--signal); }
.changelog-main { max-width: 1120px; padding-block: 72px 56px; }
.changelog-heading { margin-bottom: 56px; }
.changelog-heading .eyebrow { margin-bottom: 18px; }
.changelog-heading > p:last-child { margin-top: 24px; font-size: 18px; }
.release { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 48px; padding-block: 40px 48px; border-top: 1px solid var(--line); scroll-margin-top: 110px; overflow-wrap: anywhere; }
.release-meta { display: flex; flex-direction: column; gap: 8px; color: var(--secondary); font-size: 13px; }
.release-meta time { font-size: 16px; color: var(--signal); font-weight: 600; }
.release-body h2 { font-size: clamp(26px, 3vw, 36px); line-height: 1.2; }
.release-summary { margin-top: 20px; }
.release-body h3 { font-size: 17px; margin-top: 28px; letter-spacing: 0; }
.release-body ul { padding-left: 22px; margin-block: 12px 0; color: var(--secondary); }
.release-body li + li { margin-top: 10px; }
.changelog-clients { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; padding: 32px; margin-top: 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.changelog-clients h2 { font-size: 24px; margin-bottom: 12px; }
.changelog-page .footer { padding-top: 0; }
@media (max-width: 760px) {
    .changelog-page .header-inner { align-items: start; flex-direction: column; gap: 12px; padding-block: 20px 12px; }
    .changelog-nav { gap: 8px 20px; }
    .changelog-main { padding-block: 40px; }
    .changelog-heading { margin-bottom: 32px; }
    .release { grid-template-columns: minmax(0, 1fr); gap: 24px; padding-block: 28px 36px; scroll-margin-top: 180px; }
    .release-meta { flex-direction: row; flex-wrap: wrap; gap: 8px 16px; align-items: center; }
    .changelog-clients { padding: 24px; }
}
@media print {
    :root { color-scheme: light; }
    .changelog-page { background: white; color: black; }
    .changelog-page .header, .changelog-clients, .skip-link, .footer { display: none; }
    .changelog-main { width: 100%; padding: 0; }
    .release { display: block; border-color: #666; }
    .release-meta { flex-direction: row; flex-wrap: wrap; margin-bottom: 20px; }
    .release h2, .release h3 { break-after: avoid; }
    .changelog-page p, .release li, .release-meta, .release-meta time { color: black; }
}