.update-list { display: grid; gap: 12px; }
.update-entry {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--surface);
    scroll-margin-top: 90px;
}
.update-entry summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 22px;
    padding: 16px 20px;
    cursor: pointer;
    list-style: none;
    font-variant-numeric: tabular-nums;
}
.update-entry summary::-webkit-details-marker { display: none; }
.update-entry summary:hover { background: #f7fafc; }
.update-entry summary time { color: var(--navy-800); font-size: 14px; font-weight: 700; }
.update-entry summary .update-version { color: var(--muted); font-size: 12px; font-weight: 400; }
.update-toggle { margin-left: auto; color: var(--blue-700); }
.update-toggle::before { content: "＋"; font-size: 20px; line-height: 1; }
.update-entry[open] .update-toggle::before { content: "−"; }
.update-entry[open] summary { border-bottom: 1px solid var(--line); background: #f7fafc; }
.update-body { padding: 18px 20px 22px; }
.update-body h2 { margin: 0 0 14px; font-size: 18px; overflow-wrap: anywhere; }
.update-changes { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.update-changes li { display: flex; align-items: start; gap: 10px; }
.update-kind { flex: 0 0 auto; border-radius: 4px; padding: 2px 8px; background: var(--blue-100); color: var(--blue-700); font-size: 12px; font-weight: 700; }
.update-text { min-width: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 620px) {
    .update-entry summary { gap: 4px 12px; padding: 14px; }
    .update-entry summary time { flex-basis: 100%; }
    .update-body { padding: 16px 14px; }
}