/* changelog.css — generated public changelog page (scripts/changelog/generate-changelog-page.py).
 * Consumes ui-landing-saas tokens only: no raw colours, sizes from --type-*.
 * Classes: .changelog .changelog__wrap .changelog__intro .changelog__updated .changelog__entry
 *          .changelog__meta .changelog__version .changelog__body
 */
.changelog__wrap { max-width: 72ch; }
.changelog .section__title { margin-block: var(--space-2) var(--space-3); }
.changelog__intro p { margin-bottom: var(--space-3); }
.changelog__intro a { text-decoration: underline; text-underline-offset: 0.18em; }  /* Lighthouse link-in-text-block: never colour-only */
.changelog__updated { font: var(--type-body-sm); color: var(--text-muted); margin-bottom: var(--space-7); }
.changelog__updated a { color: var(--text-muted); text-decoration: underline; text-underline-offset: 0.18em; }

.changelog__entry { padding-block: var(--space-6); border-top: 1px solid var(--stroke); }
.changelog__entry h2 { font: var(--type-h3); color: var(--text-emphasis); margin-bottom: var(--space-2); }
.changelog__entry h2 a { color: inherit; text-decoration: none; }
.changelog__entry h2 a:hover { text-decoration: underline; text-underline-offset: 0.18em; }
.changelog__entry h3 { font: var(--type-body); font-weight: 600; color: var(--text-emphasis); margin-block: var(--space-4) var(--space-2); }
.changelog__meta { font: var(--type-body-sm); color: var(--text-muted); margin-bottom: var(--space-4); display: flex; gap: var(--space-3); align-items: baseline; }
.changelog__version { font: var(--type-body-sm); color: var(--text-emphasis); padding: 0 var(--space-2); border: 1px solid var(--stroke); border-radius: var(--radius-s); }
.changelog__body p, .changelog__body ul { margin-bottom: var(--space-3); }
.changelog__body ul { list-style: disc; padding-left: var(--space-5); }
.changelog__body li { margin-bottom: var(--space-2); }
.changelog__body a { text-decoration: underline; text-underline-offset: 0.18em; }
.changelog__body code { font: var(--type-body-sm); font-family: var(--font-mono); padding: 0 var(--space-1); border-radius: var(--radius-s); background: var(--surface-raised); box-shadow: inset 0 0 0 1px var(--stroke); }