/*
 * "What's changed" box — views/partials/legal-whats-changed.ejs (DCR-SEC-022).
 * Loaded only on a legal page that renders the box (the partial links it).
 * Tokens only, matching the legal-change banner: blue information tint,
 * charcoal text.
 */

.legal-whats-changed {
  padding-top: var(--space-6);
}

.legal-whats-changed__box {
  max-width: 48rem;
  padding: var(--space-5) var(--space-6);
  border: 1px solid var(--color-border);
  border-left: 4px solid var(--color-accent-blue);
  border-radius: var(--border-radius);
  background-color: var(--color-accent-blue-tint-light);
  color: var(--color-text-primary);
}

.legal-whats-changed__heading {
  margin: 0 0 var(--space-2);
  font-size: var(--font-size-lg);
}

.legal-whats-changed__dates {
  margin: 0 0 var(--space-4);
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
}

.legal-whats-changed__list {
  margin: 0;
  padding-left: var(--space-5);
  font-size: var(--font-size-sm);
  line-height: 1.6;
}

.legal-whats-changed__list li + li {
  margin-top: var(--space-3);
}