/* ── Check item row ───────────────────────────────────────── */
.check-item {
  align-items: center;
  display: flex;
  gap: .85rem;
  padding: .85rem 1rem;
  background: rgba(232, 242, 210, .5);
  border-radius: 10px;
  border: 2px solid var(--brand-green-700);
  transition: transform .35s ease, background-color .3s ease;
}
.check-item:hover {
  transform: translateX(4px);
  background: rgba(232, 242, 210, .85);
}

/* ── Check tick icon ──────────────────────────────────────── */
.check-item .tick {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: var(--brand-green-200);
  color: var(--brand-green-800);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: .75rem;
  transition: transform .3s cubic-bezier(.4, 1.6, .6, 1);
}}