@media (max-width:768px){h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}h4{font-size:1.1rem!important}}pre:has(code.language-mermaid){position:relative;overflow:visible;margin:2rem 0;padding:2rem;border:1px solid #ddd;border-radius:8px;background:#f9f9f9}.dark pre:has(code.language-mermaid){border-color:#444;background:#1a1a1a}pre:has(code.language-mermaid):before{content:"💡 Right-click the diagram → 'Open Image in New Tab' to view fullscreen";display:block;margin-bottom:1rem;padding:.5rem;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:.875rem;color:#666;font-family:system-ui,-apple-system,sans-serif}.dark pre:has(code.language-mermaid):before{background:#2a2a2a;border-color:#444;color:#aaa}.mermaid svg,pre code.language-mermaid svg{max-width:100%;height:auto;min-height:500px;display:block;margin:0 auto}.mermaid svg text,pre code.language-mermaid svg text{font-size:16px!important}.mermaid svg,pre code.language-mermaid svg{cursor:zoom-in;transition:transform .2s ease}.mermaid svg:hover,pre code.language-mermaid svg:hover{transform:scale(1.01)}