/* JCC Phase 6.9.7A — responsive, evidence-oriented Compare Years */
.comparison-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin: 0 0 14px;
  flex-wrap: wrap;
}

.comparison-change-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 10px;
  margin: 12px 0 16px;
}

.comparison-change-stat {
  border: 1px solid #d8e2ef;
  border-radius: 10px;
  background: #f8fbff;
  padding: 11px 13px;
}

.comparison-change-stat strong {
  display: block;
  color: #0f204b;
  font-size: 1.2rem;
  line-height: 1.1;
}

.comparison-change-stat span {
  color: #51647f;
  font-size: .82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .035em;
}

.comparison-table .change-pill.added {
  background: #ddf6e8;
  color: #146c3b;
}

.comparison-table .change-pill.removed {
  background: #fde5e8;
  color: #9a2234;
}

.comparison-table .change-pill.changed {
  background: #fff2cc;
  color: #775400;
}

.comparison-table .change-pill.unchanged,
.comparison-table .change-pill.same {
  background: #eef3f8;
  color: #43546c;
}

.jcc-search-busy {
  cursor: progress !important;
  opacity: .82;
}

@media (max-width: 900px) {
  .comparison-change-summary {
    grid-template-columns: repeat(2, minmax(130px, 1fr));
  }
}

@media (max-width: 600px) {
  .comparison-change-summary {
    grid-template-columns: 1fr 1fr;
  }

  .comparison-actions .action-btn {
    width: 100%;
    justify-content: center;
  }
}