:root { --md-text-font: system-ui, -apple-system, "Segoe UI", "Noto Sans CJK SC", sans-serif; --md-code-font: ui-monospace, "SFMono-Regular", Consolas, monospace; }
.md-typeset { font-size: .85rem; line-height: 1.85; }
.md-typeset h1 { font-weight: 750; letter-spacing: -.02em; color: var(--md-default-fg-color); }
.md-typeset h2 { font-weight: 700; }
.md-typeset code { font-size: .85em; }
.md-typeset pre { line-height: 1.6; }
.pi-diagram { overflow-x: auto; padding: 1rem; border: 1px solid var(--md-default-fg-color--lightest); border-radius: .5rem; }
.md-typeset table:not([class]) { font-size: .75rem; }

@media (max-width: 600px) { .pi-diagram svg { min-width: 640px; } }

.diagram-scroll-hint { color: var(--md-default-fg-color--light); font-size: .7rem; margin: .6rem 0 .2rem; }
.pi-diagram:focus-visible { outline: 2px solid var(--md-accent-fg-color); outline-offset: 2px; }

/* Mermaid neutral diagrams retain a readable paper background in both site palettes. */
.pi-diagram { background: #fff; color: #222; }