/* Changelog view (#/changelog). Hashed by scripts/build.mjs
   (ensure: views-changelog), after views-admin. The old
   <style id="changelog-view-css"> was appended when the view rendered. */

.cl-view { max-width: 760px; margin: 0 auto; padding: 24px 16px 60px; }
.cl-header { display: flex; align-items: center; gap: 12px; }
.cl-heading { margin: 0; font-size: 22px; color: var(--text-1); }
.cl-sub { color: var(--text-2); font-size: 13px; margin: 8px 0 18px; }
.cl-version { color: var(--text-1); font-weight: 600; font-family: var(--font-mono); }
.cl-built { color: var(--text-muted); }
.cl-error { color: var(--text-muted); }
.cl-body { color: var(--text-2); font-size: 14px; line-height: 1.55; }
.cl-body h1 { font-size: 20px; color: var(--text-1); margin: 22px 0 8px; }
.cl-body h2 { font-size: 17px; color: var(--text-1); margin: 20px 0 8px; }
.cl-body h3 { font-size: 14px; color: var(--text-1); margin: 16px 0 6px; text-transform: uppercase; letter-spacing: .04em; }
.cl-body p { margin: 8px 0; }
.cl-body ul { margin: 8px 0; padding-left: 20px; }
.cl-body li { margin: 4px 0; }
.cl-body hr { border: 0; border-top: 1px solid var(--border-subtle); margin: 20px 0; }
.cl-body code { font-family: var(--font-mono); font-size: 12px; background: var(--bg-raised); border-radius: var(--r-sm); padding: 1px 5px; }
.cl-body a { color: var(--accent-text); }
.cl-body strong { color: var(--text-1); }