.change-history { margin-top: 34px; }
.change-history-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 12px; }
.change-history-heading h2 { margin-bottom: 0; }
.change-history-heading p { margin: 0; color: var(--muted); font-size: 12px; }
.change-entry { border-top: 1px solid var(--line); }
.change-entry summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 15px 0; cursor: pointer; }
.change-entry summary > span { display: grid; }
.change-entry summary small { margin-top: 3px; color: var(--muted); font-weight: 400; }
.change-entry time { color: var(--muted); font-size: 12px; white-space: nowrap; }
.change-entry ul { margin: 0 0 16px; padding: 14px 18px 14px 36px; background: var(--cream); font-size: 13px; }
.change-entry li + li { margin-top: 5px; }

@media (max-width: 540px) {
  .change-entry summary, .change-history-heading { align-items: flex-start; flex-direction: column; }
  .change-entry time { white-space: normal; }
}

.park-progress { display: inline-flex; align-items: center; width: fit-content; margin: 2px 0 8px; padding: 5px 10px; border-radius: 20px; background: #e7efe9; color: var(--forest); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.park-progress.in_progress { background: #f2dfb8; color: #654c1c; }
.park-progress.nearly_complete { background: #d9e4ec; color: #234f68; }
.park-progress.maintained { background: #cce1d6; color: #205c40; }
.park-hero .park-progress { margin-bottom: 18px; background: rgba(255,255,255,.12); color: #e4cc9f; border: 1px solid rgba(228,204,159,.35); }
.park-progress-form { display: flex; align-items: end; gap: 12px; margin: -12px 0 20px; }
.park-progress-form label { flex: 1; max-width: 420px; font-size: 12px; font-weight: 700; }
.park-progress-form select { display: block; width: 100%; margin-top: 6px; padding: 11px; border: 1px solid var(--line); background: white; }
.park-progress-form button { border: 0; padding: 12px 18px; background: var(--gold); color: var(--forest-dark); font-weight: 800; cursor: pointer; }

@media (max-width: 540px) {
  .park-progress-form { align-items: stretch; flex-direction: column; }
}