@layer components {
  .evidence-images {
    margin-top: var(--spacing-md);
  }

  .evidence-image {
    height: 24px;
    width: 24px;
  }

  .evidence-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
  }

  .evidence-thumbnail {
    object-fit: cover;
    border-radius: var(--radius-md);
    transition:
      transform 0.15s ease,
      box-shadow 0.15s ease;
  }

  .evidence-thumbnail:hover {
    transform: scale(1.05);
    box-shadow: var(--shadow-md);
  }

  .evidence-link {
    display: block;
  }

  .no-evidence {
    color: var(--color-text-muted);
    font-style: italic;
    font-size: 0.875rem;
  }
}