/**
 * Markdown Rendering — gaps only
 * ==============================
 * The markdown module wraps Parsedown output in <text-content>, so the
 * typography system owns all the prose (headings, paragraphs, lists,
 * blockquotes, links, inline code, tables via tables.css) exactly like
 * every other text on the site. This file covers only what Parsedown
 * emits that the system has no rule for, plus the module's own chrome.
 *
 * $todo raw values below predate the token system — see cleanup.md.
 */

/* Meta information box (module chrome, not prose) */
.markdown-doc-meta {
	background: var(--fill-auxiliary);
	border-left: 4px solid var(--accent);
	padding: 1rem;
	margin-bottom: 2rem;
	font-size: 0.875rem;
}

.markdown-doc-meta strong {
	display: inline-block;
	margin-bottom: 0.25rem;
}

.markdown-doc-meta code {
	background: var(--fill-secondary);
	padding: 0.125rem 0.375rem;
	border-radius: 3px;
	font-size: 0.8125rem;
}

/* Bare code blocks — Parsedown outputs <pre><code>, not <code-snippet>,
   so code-display.css never reaches these. */
.markdown-doc-content pre {
	background: var(--fill-secondary);
	padding: 1rem;
	border-radius: 4px;
	overflow-x: auto;
	margin: 1rem 0;
	border: 1px solid var(--stroke-secondary);
}

.markdown-doc-content pre code {
	background: none;
	padding: 0;
	border-radius: 0;
}

/* Horizontal rules — nothing in the typography system styles bare <hr> */
.markdown-doc-content hr {
	border: none;
	border-top: 1px solid var(--stroke-secondary);
	margin: 2rem 0;
}

/* Error and empty states (module chrome) */
.markdown-doc.empty,
.markdown-doc.error {
	background: var(--fill-secondary);
	border: 1px dashed var(--stroke-primary);
	padding: 2rem;
	text-align: center;
	color: var(--ink-secondary);
}

.markdown-doc.error {
	background: hsl(0 50% 95%);
	border-color: hsl(0 50% 60%);
	color: hsl(0 50% 30%);
}