.blog-post__body .doc-mermaid-viewer{background:var(--app-bg-card)!important;border:1px solid var(--app-border)!important;border-radius:var(--app-radius-lg)!important;flex-direction:column!important;margin:1.5rem 0!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 10px 25px -5px #0000000d!important}.blog-post__body .doc-mermaid-toolbar{z-index:var(--app-z-raised)!important;background:var(--app-bg-hover)!important;border-bottom:1px solid var(--app-border)!important;-webkit-user-select:none!important;user-select:none!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:8px 14px!important;display:flex!important;position:relative!important}.blog-post__body .doc-mermaid-toolbar span{color:var(--app-text)!important;letter-spacing:.02em!important;font-family:inherit!important;font-size:.8125rem!important;font-weight:700!important}.blog-post__body .doc-mermaid-actions{flex-wrap:wrap!important;justify-content:flex-end!important;gap:6px!important;display:flex!important}.blog-post__body .doc-mermaid-actions button{background:var(--app-bg-card)!important;border:1px solid var(--app-border)!important;border-radius:var(--app-radius-sm)!important;color:var(--app-text-secondary)!important;cursor:pointer!important;width:28px!important;height:28px!important;transition:all var(--app-motion-fast)!important;justify-content:center!important;align-items:center!important;padding:0!important;display:inline-flex!important;position:relative!important;box-shadow:0 1px 2px #0000000a!important}.blog-post__body .doc-mermaid-actions button:hover{background:var(--app-bg-hover)!important;border-color:var(--app-accent)!important;color:var(--app-accent)!important}.blog-post__body .doc-mermaid-actions button svg{width:14px!important;height:14px!important;display:block!important}.blog-post__body .doc-mermaid-actions button[data-tooltip]:before{content:attr(data-tooltip)!important;background:var(--app-code-plate-bg)!important;color:#fff!important;border-radius:var(--app-radius-sm)!important;white-space:nowrap!important;pointer-events:none!important;opacity:0!important;visibility:hidden!important;transition:opacity var(--app-motion-fast), transform var(--app-motion-fast), visibility var(--app-motion-fast)!important;z-index:var(--app-z-tooltip)!important;padding:4px 8px!important;font-family:inherit!important;font-size:10px!important;font-weight:600!important;line-height:1!important;position:absolute!important;top:calc(100% + 8px)!important;left:50%!important;transform:translate(-50%)translateY(-3px)scale(.95)!important;box-shadow:0 6px 16px #00000040!important}.blog-post__body .doc-mermaid-actions button[data-tooltip]:after{content:""!important;border-style:solid!important;border-width:0 5px 6px!important;border-color:transparent transparent var(--app-code-plate-bg) transparent!important;pointer-events:none!important;opacity:0!important;visibility:hidden!important;transition:opacity var(--app-motion-fast), transform var(--app-motion-fast), visibility var(--app-motion-fast)!important;z-index:var(--app-z-tooltip)!important;position:absolute!important;top:calc(100% + 2px)!important;left:50%!important;transform:translate(-50%)translateY(-3px)!important}.blog-post__body .doc-mermaid-actions button[data-tooltip]:hover:before,.blog-post__body .doc-mermaid-actions button[data-tooltip]:hover:after{opacity:1!important;visibility:visible!important;transform:translate(-50%)translateY(0)scale(1)!important}.blog-post__body .doc-mermaid-canvas{z-index:1!important;cursor:grab!important;background:var(--app-bg-card)!important;touch-action:none!important;flex:auto!important;justify-content:center!important;align-items:center!important;min-height:240px!important;max-height:520px!important;padding:1.5rem 1rem!important;display:flex!important;position:relative!important;overflow:hidden!important}.blog-post__body .doc-mermaid-canvas:active{cursor:grabbing!important}.blog-post__body .doc-mermaid{width:100%;max-width:100%;box-shadow:none!important;transform-origin:0 0!important;transition:transform var(--app-motion-fast)!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;margin:0 auto!important;padding:0!important;display:flex!important}.blog-post__body .doc-mermaid svg{width:auto;max-width:100%;height:auto;object-fit:contain!important;max-height:450px!important;margin:0 auto!important;display:block!important}.blog-post__body .doc-mermaid-footer{z-index:var(--app-z-raised)!important;background:var(--app-bg-hover)!important;border-top:1px solid var(--app-border)!important;color:var(--app-text-secondary)!important;-webkit-user-select:none!important;user-select:none!important;flex-shrink:0!important;justify-content:flex-start!important;align-items:center!important;padding:4px 14px!important;font-family:inherit!important;font-size:.75rem!important;font-weight:600!important;display:flex!important;position:relative!important}.blog-post__body .doc-mermaid-viewer:fullscreen{width:100vw!important;max-width:none!important;height:100vh!important;max-height:none!important;z-index:var(--app-z-fullscreen)!important;background:var(--app-bg-main)!important;border:none!important;border-radius:0!important;flex-direction:column!important;margin:0!important;display:flex!important;position:fixed!important;inset:0!important}.blog-post__body .doc-mermaid-viewer:fullscreen .doc-mermaid-canvas{flex:auto!important;height:calc(100vh - 80px)!important;max-height:none!important}.blog-post__body .doc-mermaid-viewer:fullscreen .doc-mermaid svg{max-width:96vw!important;max-height:calc(100vh - 100px)!important}.blog-post__body .doc-mermaid-error{--mermaid-error-surface:var(--status-rose-text)!important}@supports (color:color-mix(in lab, red, red)){.blog-post__body .doc-mermaid-error{--mermaid-error-surface:color-mix(in srgb, var(--status-rose-text) 8%, var(--app-bg-card))!important}}.blog-post__body .doc-mermaid-error{--mermaid-error-edge:var(--status-rose-text)!important}@supports (color:color-mix(in lab, red, red)){.blog-post__body .doc-mermaid-error{--mermaid-error-edge:color-mix(in srgb, var(--status-rose-text) 35%, var(--app-bg-card))!important}}.blog-post__body .doc-mermaid-error{--mermaid-error-ink:var(--status-rose-text)!important;--mermaid-error-ink-strong:var(--status-rose-text)!important}@supports (color:color-mix(in lab, red, red)){.blog-post__body .doc-mermaid-error{--mermaid-error-ink-strong:color-mix(in srgb, var(--status-rose-text) 70%, var(--app-text))!important}}.blog-post{width:100%}.blog-post__breadcrumb{color:var(--app-text-secondary);align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.75rem;display:flex}.blog-post__header{border-bottom:1px solid var(--app-border);margin-bottom:2.5rem;padding-bottom:2rem}.blog-post__category{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--app-radius-pill);border:1px solid var(--app-border);margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.blog-post__title{letter-spacing:-.025em;color:var(--app-text);margin-bottom:1rem;font-size:2rem;font-weight:800;line-height:1.25}@media (min-width:768px){.blog-post__title{font-size:2.5rem}}.blog-post__excerpt{color:var(--app-text-secondary);margin-bottom:1.5rem;font-size:1.0625rem;line-height:1.6}.blog-post__byline{color:var(--app-text-secondary);flex-wrap:wrap;align-items:center;gap:1.5rem;font-size:.8125rem;display:flex}.blog-post__author-name{color:var(--app-text);font-weight:700}.blog-post__cover-hero{border-radius:var(--app-radius-xl);border:1px solid var(--app-border);background-color:var(--app-bg-muted);width:100%;margin-top:1.5rem;overflow:hidden}.blog-post__cover-hero img{width:100%;height:auto;display:block}.blog-post__layout{grid-template-columns:1fr;gap:2.5rem;display:grid}@media (min-width:1024px){.blog-post__layout{grid-template-columns:minmax(0,1fr) 260px}}.blog-post__body{min-width:0}.blog-post__aside{flex-direction:column;gap:1.5rem;display:flex}.blog-post__toc{border-radius:var(--app-radius-xl);border:1px solid var(--app-border);background-color:var(--app-bg-card);padding:1.25rem;display:none;position:sticky;top:5rem}@media (min-width:1024px){.blog-post__toc{display:block}}.blog-post__toc-title{text-transform:uppercase;letter-spacing:.05em;color:var(--app-text-secondary);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.blog-post__toc ul{margin:0;padding:0;list-style:none}.blog-post__toc li{margin-bottom:.5rem}.blog-post__toc a{color:var(--app-text-secondary);transition:color var(--app-motion-fast);font-size:.8125rem;line-height:1.4;text-decoration:none;display:block}.blog-post__toc a:hover{color:var(--app-accent)}.blog-post__cta{border-radius:var(--app-radius-xl);border:1px solid var(--app-border);background-color:var(--app-bg-card);text-align:center;padding:1.25rem}.blog-post__related{border-top:1px solid var(--app-border);margin-top:3rem;padding-top:2rem}.blog-post__related-title{letter-spacing:.08em;text-transform:uppercase;color:var(--app-text-secondary);margin:0 0 1rem;font-size:.75rem;font-weight:800}.blog-post__related ul{grid-template-columns:1fr;gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.blog-post__related ul{grid-template-columns:repeat(2,minmax(0,1fr))}}.blog-post__related a{border:1px solid var(--app-border);border-radius:var(--app-radius-xl);background-color:var(--app-bg-card);height:100%;transition:border-color var(--app-motion-fast), transform var(--app-motion-fast);flex-direction:column;gap:.35rem;padding:1rem 1.1rem;text-decoration:none;display:flex}.blog-post__related a:hover{border-color:var(--app-accent);transform:translateY(-1px)}.blog-post__related-category{letter-spacing:.06em;text-transform:uppercase;color:var(--app-accent);font-size:.65rem;font-weight:800}.blog-post__related-headline{color:var(--app-text);font-size:.95rem;font-weight:700;line-height:1.35}.blog-post__related-excerpt{color:var(--app-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-post__related-meta{color:var(--app-text-secondary);align-items:center;gap:.25rem;margin-top:auto;padding-top:.35rem;font-size:.7rem;font-weight:700;display:inline-flex}.blog-post__faq{border-top:1px solid var(--app-border);margin-top:3rem;padding-top:2rem}.blog-post__faq-title{letter-spacing:.08em;text-transform:uppercase;color:var(--app-text-secondary);margin:0 0 1rem;font-size:.75rem;font-weight:800}.blog-post__faq dl{gap:.75rem;margin:0;display:grid}.blog-post__faq-item{border:1px solid var(--app-border);border-radius:var(--app-radius-xl);background:var(--app-bg-card);padding:1rem 1.15rem}.blog-post__faq-item dt{color:var(--app-text);margin:0 0 .4rem;font-size:.9rem;font-weight:700}.blog-post__faq-item dd{color:var(--app-text-secondary);margin:0;font-size:.85rem;line-height:1.65}