.version-label { display: inline-flex; align-items: center; gap: 7px; color: #9c806e; font-size: 12px; font-weight: 800; }
#whats-new { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid #d8b79f; border-radius: 50%; background: #fff0df; color: #8c5c42; font-size: 16px; font-weight: 900; box-shadow: 0 2px 0 #e0c5b0; }
#release-notes { width: min(440px, calc(100% - 32px)); max-height: min(75vh, 550px); border: 1px solid #ecd5c2; border-radius: 22px; padding: 26px; background: #fffaf2; color: #604940; box-shadow: 0 20px 70px #4833264d; }
#release-notes::backdrop { background: #4f392c80; }
#release-notes h2 { margin: 0 0 18px; }
#release-notes h2 small { color: #bf8465; font-size: 13px; }
#release-notes ul { text-align: left; padding-left: 22px; line-height: 1.7; color: #806257; }
#release-notes li + li { margin-top: 8px; }
#release-notes form { text-align: center; margin-top: 22px; }
.sort-button { display: inline-flex; align-items: center; gap: 4px; background: none; color: inherit; font-size: inherit; font-weight: 900; text-align: left; padding: 3px 0; }
.sort-button::after { content: '↕'; color: #b89c87; }
th[aria-sort="ascending"] .sort-button::after { content: '↑'; color: #a46245; }
th[aria-sort="descending"] .sort-button::after { content: '↓'; color: #a46245; }