Making tags and categories non-clickable

Site URL: https://chicken-porcupine-hpzr.squarespace.com/

Hello,

I'm working on the following site:

https://chicken-porcupine-hpzr.squarespace.com/

password: anrp

I'm looking to make the tags and categories in the blog section non-clickable, since I don't want users to land on the actual filtered "blog pages" (all of the blog content on the site is linked to external resources). I am using the "tags" and "categories" to show which languages each resource is published in, and the publisher.

I tried 

#block-6616f4886a08f8f6e626 {
  pointer-events: none !important;
}

but that made it so nothing in the blog category was clickable.

Thanks for any ideas!

Add to Design> Custom CSS

body.homepage .summary-metadata {
    pointer-events: none;
}

Thanks so much! The code I ended up using was:

body .summary-metadata {
    pointer-events: none;
}