[Bug] Mobile rendering display problem

[ahfpak]

I confirm:

• [X] I am running the extended version of Hugo version 0.91.0 or above to build my site.
• [X] I have read the Hugo Clarity theme documentation.
• [X] I have used the example site's config files as reference.
• [X] I have reviewed other issues in this repository and mine is not recorded.

Hugo version

v0.102.3+extended

Where is this bug showing up?

In the browser: Hugo builds the site, but something doesn't look right.

Operating system

IOS

Browser (if applicable)

chrome

Current behavior

In the light mode. The related posts are not visible. The problem is only on the mobile screen. At the same time, the dark mode works fine. Please check the screenshot and link to my blog. Please visit the homepage as well as the single post page at https://englishtemplates.com

Expected behavior

the recent posts links must be visible in light modeThe

Steps to reproduce

Please help to make it working and beautiful. Thanks

Relevant log output

No response

Related code

No response

Preferred solution

No response

Other information

No response

[ahfpak]

please help

[trnitz]

I was doing some unrelated testing on the Hugo-Clarity theme for my own site, so I quickly tested this issue.

This doesn't appear to be a bug:

1. This doesn't occur using the exampleSite files.
2. As of today, the site listed above doesn't have an 'Recent Posts', but editing the HTML and viewing it under Developers Tools and adding the HTML from the exampleSite doesn't replicate this issue.

Screenshot taken from my mobile device (Firefox on Android):

Edit: Reduced the size of the screenshot.