I am trying to adjust the font and colors of a summary block that's connected to a blog on the site I'm working on, but I've tried several different CSS snippets and am having no luck. (I was using this guide from Big Cat and this guide from Inside the Square and couldn't get either to work, even with !important.) I am not a coding expert by any means but I have implemented custom CSS on dozens of sites in the past and this seems like such a simple fix so I'm not sure why it's giving me so much trouble.
Possibly relevant context is that I also tried to change the letter spacing on paragraph 4 using CSS the other day, and after trying several different CSS snippets I found on this forum and elsewhere, I still could not get it to work. I have done this before on different sites so no idea what the issue is here, or if something is possibly preventing it.
If relevant, I do have a tiny bit of CSS on the site currently (to adjust the line height on a couple buttons, and to add alternate logo files for different pages). I also have Will Myers' slider plugin installed (header and footer injection).
The page I'm working on is here (summary block in the second section), password is journaljolts2023
Thank you in advance for any help!!