/* Bubble-scoped Markdown styles. Apply via the .md-body class that * MarkdownRenderer.render adds to its target element. Avoid styling outside * .md-body so generic page elements aren't affected. */ .md-body { line-height: 1.5; word-wrap: break-word; } .md-body > *:first-child { margin-top: 0; } .md-body > *:last-child { margin-bottom: 0; } .md-body p { margin: 0.4em 0; } .md-body h1, .md-body h2, .md-body h3, .md-body h4, .md-body h5, .md-body h6 { margin: 0.6em 0 0.3em; font-weight: 600; line-height: 1.25; } .md-body h1 { font-size: 1.25em; } .md-body h2 { font-size: 1.15em; } .md-body h3 { font-size: 1.05em; } .md-body h4, .md-body h5, .md-body h6 { font-size: 1em; } .md-body ul, .md-body ol { margin: 0.4em 0; padding-left: 1.4em; } .md-body li { margin: 0.15em 0; } .md-body li > p { margin: 0.2em 0; } .md-body blockquote { margin: 0.5em 0; padding: 0.2em 0.8em; border-left: 3px solid var(--md-accent, #6e56cf); color: var(--md-muted, #aaa); } .md-body code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.9em; padding: 0.1em 0.35em; border-radius: 4px; background: var(--md-code-bg, rgba(127,127,127,0.18)); } .md-body pre { position: relative; margin: 0.6em 0; padding: 0.7em 0.9em; border-radius: 6px; background: var(--md-pre-bg, #0f1115); overflow-x: auto; } .md-body pre > code { background: transparent; padding: 0; font-size: 0.88em; color: var(--md-pre-fg, #e6e6e6); } .md-body a { color: var(--md-link, #8b7cf0); text-decoration: underline; text-underline-offset: 2px; } .md-body a:hover { text-decoration-thickness: 2px; } .md-body table { border-collapse: collapse; margin: 0.6em 0; font-size: 0.95em; } .md-body th, .md-body td { border: 1px solid var(--md-border, #333); padding: 0.3em 0.55em; } .md-body thead th { background: var(--md-th-bg, rgba(127,127,127,0.12)); } .md-body hr { border: none; border-top: 1px solid var(--md-border, #333); margin: 0.8em 0; } .md-body .md-copy-btn { position: absolute; top: 6px; right: 6px; padding: 2px 8px; font-size: 0.75em; font-family: inherit; color: var(--md-pre-fg, #e6e6e6); background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); border-radius: 4px; cursor: pointer; opacity: 0.6; } .md-body .md-copy-btn:hover { opacity: 1; } /* Light theme tweaks (project sets data-theme="light" on ). */ [data-theme="light"] .md-body { --md-muted: #555; --md-accent: #6e56cf; --md-code-bg: rgba(0,0,0,0.06); --md-pre-bg: #f4f4f5; --md-pre-fg: #1f2937; --md-link: #5b46c2; --md-border: #ddd; --md-th-bg: rgba(0,0,0,0.04); }