Pandoc Citation: how to show it formatted in Editor View mode

What I’m trying to do

I my notes I am using the Padoc citation style:

[@Author.ShortTitle.Year, p. 223]

This is formatted in blu (as if it was a link) when I am in Edit mode.
However, when I switch to Viewing mode it shows up without any formatting.

Can anybody help me to write a snipped that allows me to show the Pandoc citation formatted in viewing mode?

Thanks

The link-like appearance in editing mode is an error — Obsidian’s syntax highlighter mistakenly thinks the brackets mean that text is part of a link. I don’t think there’s a way to make that formatting appear in Reading View.

If you’d like to remove the blue in editing mode so the 2 views look the same, this CSS snippet will do that:

/* 
Obsidian highlights text in single brackets because it might be a Commonmark link, which annoyingly affects bracketed text in quotes, etc. This snippet stops that (but still leaves proper links highlighted).

Courtesy of @trainbuffer https://discord.com/channels/686053708261228577/694233507500916796/1040011911229612135

Hover state covered by @stef.rausch https://discord.com/channels/686053708261228577/694233507500916796/1158476701739794453
*/

.cm-s-obsidian .cm-link.cm-hmd-barelink {
    color: var(--text-normal);
    }

.cm-s-obsidian .cm-link.cm-hmd-barelink:hover {
      color: var(--text-normal);
      text-decoration: none;
    }