/* /releases/ page: upgrade-diff tool */
.upd { margin: 1.2rem 0 1.8rem; padding: 16px 18px; border-radius: var(--r); background: var(--panel); border: 1px solid var(--line); }
.upd-from { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; font-weight: 600; }
.upd-from select { font: 600 14px var(--sans); color: var(--ink); background: var(--panel-2); border: 1px solid var(--line-2); border-radius: 8px; padding: 6px 10px; max-width: 100%; }
.upd-sum { margin: .8rem 0 .4rem; color: var(--ink-2); font-size: 14.5px; }
.upd:not(.upd-ready) .upd-from, .upd:not(.upd-ready) .upd-sum { display: none; }
.upd-list { list-style: none; margin: .6rem 0 0; padding: 0; display: grid; gap: 6px; }
.upd-list li { display: grid; grid-template-columns: 3.2rem 5.6rem 1fr; gap: 10px; align-items: baseline; padding: 8px 10px; border-radius: 8px; background: var(--panel-2); font-size: 14.5px; }
.upd-list li[hidden] { display: none; }
.upd-v { font: 600 12.5px var(--mono); color: var(--ink-3); }
.upd-k { font: 600 10.5px/1.8 var(--mono); letter-spacing: .03em; text-transform: uppercase; padding: 0 7px; border-radius: 999px; justify-self: start; white-space: nowrap; }
.upd-k-new { color: var(--green); background: var(--green-soft); }
.upd-k-default { color: var(--amber); background: color-mix(in srgb, var(--amber) 15%, transparent); }
.upd-k-removed { color: var(--red); background: color-mix(in srgb, var(--red) 14%, transparent); }
@media (max-width: 560px) { .upd-list li { grid-template-columns: 2.8rem 1fr; } .upd-list li > span:last-child { grid-column: 1 / -1; } }
.page-article li > code { white-space: normal; overflow-wrap: anywhere; }
#rel-history td:nth-child(2) { white-space: nowrap; }