/* The `raw` layer: the rest of the markdown source, shown on demand. Toggled by the [raw] control in the footer, which sets data-raw on . The marks that earn their keep unconditionally — code backticks and the opening quote marker — live in main.css instead. */ :root[data-raw="on"] .md em::before, :root[data-raw="on"] .md em::after { content: "*"; color: var(--dim); } :root[data-raw="on"] .md strong::before, :root[data-raw="on"] .md strong::after { content: "**"; color: var(--dim); } :root[data-raw="on"] .md del::before, :root[data-raw="on"] .md del::after { content: "~~"; color: var(--dim); } :root[data-raw="on"] .md .math-raw::before, :root[data-raw="on"] .md .math-raw::after { content: "$"; color: var(--dim); } /* In raw mode every quoted paragraph is marked, not just the opening one. */ :root[data-raw="on"] .md blockquote > p::before { content: "> "; color: var(--dim); } /* The permalink anchor already renders a single `#` before every heading, so raw mode hands that job over and shows the real level instead of stacking another hash on top of it. */ :root[data-raw="on"] .md .anchor::before { content: none; } :root[data-raw="on"] .md h1 .anchor::after { content: "#"; } :root[data-raw="on"] .md h2 .anchor::after { content: "##"; } :root[data-raw="on"] .md h3 .anchor::after { content: "###"; } :root[data-raw="on"] .md h4 .anchor::after { content: "####"; } :root[data-raw="on"] .md h5 .anchor::after { content: "#####"; } :root[data-raw="on"] .md h6 .anchor::after { content: "######"; }