.change-journal, .change-journal-panel { min-width: 0; margin-block: 1rem; }
.change-journal-filters { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); gap: 1rem; margin-block: 1rem; }
.change-journal-filters > div { min-width: 0; }
.change-journal-filters label { display: block; margin-bottom: .35rem; }
.change-journal-filters input, .change-journal-filters select { width: 100%; min-width: 0; box-sizing: border-box; }
.change-journal-filter-actions { display: flex; align-items: end; gap: .5rem; flex-wrap: wrap; }
.change-journal-event { min-width: 0; padding-block: .8rem; border-bottom: var(--border-width) solid var(--border); }
.change-journal-event summary { display: flex; flex-wrap: wrap; gap: .5rem 1rem; cursor: pointer; overflow-wrap: anywhere; padding: .5rem 0; }
.change-journal-panel > summary { cursor: pointer; font-weight: var(--font-weight-semibold); min-height: 2.75rem; display: flex; align-items: center; }
.change-journal-event td { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 35rem; }
.change-journal-event summary:focus-visible, .change-journal-panel > summary:focus-visible { outline: var(--focus-ring-width) solid var(--color-accent); outline-offset: 3px; }
.change-journal-value { white-space: pre-wrap; overflow-wrap: anywhere; }
.change-journal-value + .change-journal-value { margin-top: .5rem; }
.change-journal-panel [data-change-next] { margin-top: 1rem; }