/* Match the full change-log status palette without changing editorial state. */
#home-changes {
  --home-planned:#8a5a00;
  --home-bug:#b42332;
  --home-pending:#176aab;
}
:root[data-theme=dark] #home-changes {
  --home-planned:#f3cc65;
  --home-bug:#ff858c;
  --home-pending:#76bcf4;
}
#home-changes [data-change-kind=planned] { --home-status-color:var(--home-planned); }
#home-changes [data-change-kind=unresolved] { --home-status-color:var(--home-bug); }
#home-changes [data-change-kind=pending] { --home-status-color:var(--home-pending); }
#home-changes .home-change-card {
  border-color:color-mix(in srgb,var(--home-status-color) 50%,var(--line));
  background:color-mix(in srgb,var(--home-status-color) 5%,var(--surface));
}
#home-changes .home-change-card :is(h3,strong,strong small) { color:var(--home-status-color); }
#home-changes .home-change-card button {
  color:var(--home-status-color);
  border-color:color-mix(in srgb,var(--home-status-color) 35%,var(--line));
  background:color-mix(in srgb,var(--home-status-color) 8%,var(--surface));
}
#home-changes .home-change-card button:hover {
  border-color:var(--home-status-color);
  background:color-mix(in srgb,var(--home-status-color) 14%,var(--surface));
}
#home-changes .home-change-card button:focus-visible {
  outline:2px solid var(--home-status-color);
  outline-offset:3px;
}