/* /changelog (Screen 3). Benoetigt ss-fonts.css, ss-tokens.css, ss-base.css. Werte aus "Subspace Changelog.dc.html". */
.cl-hero__grid{padding-top:clamp(56px,9vw,104px);padding-bottom:clamp(48px,6vw,72px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:24px 64px;align-items:end}
.cl-hero__title{display:flex;flex-direction:column;gap:22px}
.cl-hero__side{display:flex;flex-direction:column;gap:14px}
.cl-hero__side .ss-text{max-width:28em}
.cl-hero__api{font-family:var(--font-mono);font-size:13px;color:var(--text-label)}
.cl-hero__api a{color:var(--accent)}
.cl-list{padding-bottom:clamp(72px,10vw,128px);display:flex;flex-direction:column}
.cl-entry{display:flex;flex-wrap:wrap;gap:20px 48px;padding:36px 0 40px;border-top:1px solid var(--border-subtle)}
.cl-meta{flex:0 0 200px;display:flex;flex-direction:column;gap:8px;font-family:var(--font-mono)}
.cl-version{font-size:28px;font-weight:500;letter-spacing:-.02em;color:var(--text-primary)}
.cl-date{font-size:12px;letter-spacing:.08em;color:var(--text-label)}
.cl-sd{font-size:12px;letter-spacing:.08em;color:var(--ss-ink-6)}
.cl-body{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:14px}
.cl-title{margin:0;font-size:22px;font-weight:600;letter-spacing:-.02em}
.cl-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.cl-item{display:flex;gap:16px;align-items:baseline;padding:11px 0;border-bottom:1px solid #161A20}
.cl-kind{flex:none;width:76px;font-family:var(--font-mono);font-size:var(--type-label-size);letter-spacing:.1em}
.cl-kind--new,.cl-kind--security{color:var(--accent)}
.cl-kind--changed{color:var(--text-primary)}
.cl-kind--fixed{color:var(--text-secondary)}
.cl-text{color:var(--text-lead);text-wrap:pretty;min-width:0;overflow-wrap:anywhere}