.history-toolbar { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 1.2rem; }
.history-values { display: grid; grid-template-columns: minmax(8rem, 1fr) minmax(0, 3fr); gap: .35rem 1rem; }
.history-values dt { font-weight: 600; overflow-wrap: anywhere; }
.history-values dd { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.history-values ul, .diff-value ul { padding-left: 1.2rem; margin: .3rem 0; }
.diff-value { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 36rem; vertical-align: top; }
.diff-value ins { background: #1d4937; color: #d3ffe5; text-decoration: none; }
.diff-value del { background: #532a34; color: #ffe1e6; }
details { margin: 1rem 0; }
details summary { cursor: pointer; padding: .4rem 0; }
@media (max-width: 680px) {
  .history-values { grid-template-columns: 1fr; }
  .history-values dd { margin-bottom: .6rem; }
}