Table of content div turning bold due to user agent stylesheet

Hi,

I am auto-generating a table of contents for my CMS-powered blog, using divs with the class ‘tocitem’ and ‘toc-h2’, ‘toc-h3’. For these divs I explicitly set the font weight as normal but for some reason, the rendered h3 elements are showing up as bold (you can see this happening here - Personal Website). Using Chrome DevTools I see this styling is applied by ‘user-agent-stylesheet’. I am quite confused by this since I am explicitly setting the style for my h3/h2 divs in the ‘toc-template’ page to not do this. There is also a weird formatting issue with the hovered version of the incorrectly bold h3 tag.

Thanks in advance for your help!

Here is my site Read-Only: Site