/* changelog.css — generated public changelog page (scripts/changelog/generate-changelog-page.py), Sunshine portal
 * tokens only (tokens.css + portal.css — the set the legal pages use; the template's --space-*/--type-* scale does
 * not exist here, so sizes are written the way legal.css writes them). No raw colours.
 * Classes: .changelog .changelog__wrap .changelog__eyebrow .changelog__intro .changelog__updated .changelog__entry
 *          .changelog__meta .changelog__version .changelog__body .footer__legal
 */
.changelog { padding: 2.5rem 0 1rem; }
.changelog__wrap { max-width: 72ch; }
.changelog__eyebrow { margin: 0; color: var(--accent-text); font-weight: 700; font-size: .85rem; letter-spacing: .06em; text-transform: uppercase; }
.changelog h1 { font-size: clamp(1.8rem, 4vw, 2.4rem); line-height: 1.15; letter-spacing: -.02em; margin: .3rem 0 .6rem; }
.changelog__intro p { margin: 0 0 1rem; }
.changelog__intro a { text-decoration: underline; text-underline-offset: .18em; }  /* Lighthouse link-in-text-block: never colour-only */
.changelog__updated { color: var(--text-muted); font-size: .92rem; margin: 0 0 2.5rem; }
.changelog__updated a { color: var(--text-muted); text-decoration: underline; text-underline-offset: .18em; }

.changelog__entry { padding: 2rem 0; border-top: 1px solid var(--line); }
.changelog__entry h2 { font-size: 1.4rem; letter-spacing: -.01em; color: var(--text-emphasis); margin: 0 0 .5rem; }
.changelog__entry h2 a { color: inherit; text-decoration: none; }
.changelog__entry h2 a:hover { text-decoration: underline; text-underline-offset: .18em; }
.changelog__entry h3 { font-size: 1.05rem; font-weight: 600; color: var(--text-emphasis); margin: 1.4rem 0 .5rem; }
.changelog__meta { color: var(--text-muted); font-size: .92rem; margin: 0 0 1.2rem; display: flex; gap: .8rem; align-items: baseline; }
.changelog__version { color: var(--text-emphasis); padding: 0 .5rem; border: 1px solid var(--line); border-radius: 6px; }
.changelog__body p, .changelog__body ul { margin: 0 0 1rem; }
.changelog__body ul { list-style: disc; padding-left: 1.3rem; }
.changelog__body li { margin-bottom: .4rem; }
.changelog__body a { text-decoration: underline; text-underline-offset: .18em; }
.changelog__body code { font-family: var(--mono); font-size: .9em; padding: 0 .3rem; border-radius: 6px; background: var(--surface-raised); box-shadow: inset 0 0 0 1px var(--line); }

.footer__legal { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; }
.footer__legal a { text-decoration: underline; text-underline-offset: .18em; }