h1 { margin-bottom: 16px; }
.changelog-heading, .changelog-entry-meta, .changelog-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.changelog-list, .moderator-entry-list { display: grid; gap: 16px; }
.changelog-entry { padding: 16px; border: 2px solid rgba(64, 40, 20, .45); background: rgba(255, 248, 218, .55); }
.changelog-entry p { margin-bottom: 0; overflow-wrap: anywhere; }
.changelog-entry-meta time, .changelog-entry .status { color: #654b32; font-size: .85em; }
.changelog-entry.is-hidden { opacity: .65; border-style: dashed; }
.changelog-preview { max-width: calc(100% - 32px); margin-left: 16px; margin-top: 32px; padding-top: 20px; border-top: 2px solid rgba(64, 40, 20, .35); }
.changelog-preview .changelog-entry { margin-bottom: 12px; text-align: left; }
.changelog-more { display: inline-block; margin-top: 8px; }
.changelog-editor { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; margin-bottom: 32px; }
.changelog-editor label { display: flex; flex-direction: column; gap: 6px; }
.changelog-editor .full-width, .changelog-editor button { grid-column: 1 / -1; }
.changelog-editor textarea { resize: vertical; min-height: 160px; }
.changelog-actions { justify-content: flex-end; }
.changelog-actions form { margin: 0; }
.changelog-notice { padding: 12px; border: 2px solid; }
.changelog-notice.success { border-color: #34752d; }
.changelog-notice.error { border-color: #a12626; }
@media (max-width: 1280px) {
  .changelog-preview { border-top: 3px solid rgba(64, 40, 20, .85); }
  .changelog-entry { border: 3px solid #5c5247; background: #2F2F2F; }
  .changelog-entry-meta time { color: #5c5247; }
}
@media (max-width: 720px) {
  .changelog-page .content { margin: 24px auto; }
  .changelog-editor { grid-template-columns: 1fr; }
  .changelog-heading, .changelog-entry-meta { align-items: flex-start; flex-direction: column; gap: 6px; }
}