/* The tag text carries meaning alongside color. */
.change-tag{display:inline-flex;align-items:center;justify-content:center;min-width:88px;min-height:28px;padding:5px 10px;border:0;border-radius:4px;font-size:11px;font-weight:750;line-height:1.2;letter-spacing:.035em;text-transform:uppercase;color:#fff;box-sizing:border-box;flex:0 0 auto}
.change-tag-added{background:#286db6}.change-tag-updated{background:#f4ca35;color:#423403}.change-tag-improved{background:#187d51}.change-tag-fixed{background:#5a6879}.change-tag-removed{background:#ba3341}.change-tag-new{background:#7545a3}
.typed-changelog{list-style:none!important;margin:14px 0!important;padding:0!important;display:grid;gap:11px}
.typed-changelog>li{margin:0;line-height:1.6}
.typed-change{display:flex!important;align-items:flex-start;gap:14px;margin:11px 0;line-height:1.65}
.typed-change .change-description{min-width:0;overflow-wrap:anywhere;padding-top:2px;flex:1}
.change-description>br:last-child{display:none}
.changelog-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}
.changelog-tools>span{font-size:12px;font-weight:600;margin-right:5px}
.changelog-tools button.change-tag{min-width:78px;min-height:32px;cursor:pointer;border:1px solid transparent;margin:0;box-shadow:none}
.changelog-tools button:hover{filter:brightness(1.1)}.changelog-tools button:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.changelog-help{font-size:12px;color:var(--muted);margin:9px 0 14px;line-height:1.5}
.version-change-notes{margin-top:16px;max-width:850px}.version:has(.version-change-notes)>div{min-width:0;flex:1}
@media(max-width:550px){.typed-change{gap:10px}.change-tag{min-width:76px;font-size:10px}.changelog-tools{gap:6px}.changelog-tools>span{flex-basis:100%}.changelog-tools button.change-tag{min-width:75px}}
