.page-hero:where(.astro-p4zw2ixs){background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:var(--space-3xl) 0 var(--space-2xl)}.breadcrumb:where(.astro-p4zw2ixs){display:flex;gap:var(--space-sm);align-items:center;font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-lg)}.breadcrumb:where(.astro-p4zw2ixs) a:where(.astro-p4zw2ixs){color:var(--text-secondary);text-decoration:none}.breadcrumb:where(.astro-p4zw2ixs) a:where(.astro-p4zw2ixs):hover{color:var(--accent)}.page-hero:where(.astro-p4zw2ixs) h1:where(.astro-p4zw2ixs){font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;margin-bottom:var(--space-md);color:var(--text-primary)}.hero-subtitle:where(.astro-p4zw2ixs){font-size:1.05rem;color:var(--text-secondary);max-width:640px;margin-bottom:var(--space-2xl)}.diagrams-hero-stats:where(.astro-p4zw2ixs){display:flex;gap:var(--space-2xl);flex-wrap:wrap}.hero-stat:where(.astro-p4zw2ixs){display:flex;flex-direction:column;gap:2px}.hero-stat-value:where(.astro-p4zw2ixs){font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent);line-height:1}.hero-stat-label:where(.astro-p4zw2ixs){font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.diagrams-nav:where(.astro-p4zw2ixs){position:sticky;top:0;z-index:10;background:var(--bg-primary);border-bottom:1px solid var(--border);padding:var(--space-sm) 0}.diagrams-nav-wrapper:where(.astro-p4zw2ixs){max-width:var(--container-width, 1200px);margin:0 auto;padding:0 var(--space-sm);display:flex;align-items:center;gap:4px;position:relative}.diagrams-nav-arrow:where(.astro-p4zw2ixs){flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius-full, 999px);color:var(--text-secondary);font-size:1.3rem;cursor:pointer;transition:border-color .15s,color .15s,opacity .15s;line-height:1;padding:0;z-index:1}.diagrams-nav-arrow:where(.astro-p4zw2ixs):hover{border-color:var(--accent);color:var(--accent)}.diagrams-nav-arrow:where(.astro-p4zw2ixs):disabled,.diagrams-nav-arrow:where(.astro-p4zw2ixs)[data-hidden=true]{opacity:.3;cursor:default;pointer-events:none}.diagrams-nav-inner:where(.astro-p4zw2ixs){flex:1;display:flex;gap:var(--space-sm);overflow-x:auto;scrollbar-width:none;padding:0 var(--space-xs)}.diagrams-nav-inner:where(.astro-p4zw2ixs)::-webkit-scrollbar{display:none}.diagrams-nav-pill:where(.astro-p4zw2ixs){display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--border-radius-full, 999px);background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);text-decoration:none;font-size:.85rem;white-space:nowrap;transition:border-color .15s,color .15s,background .15s}.diagrams-nav-pill:where(.astro-p4zw2ixs):hover{border-color:var(--accent);color:var(--accent);background:var(--bg-accent-subtle, var(--bg-secondary))}.diagrams-content:where(.astro-p4zw2ixs){padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.diagrams-empty:where(.astro-p4zw2ixs){text-align:center;padding:var(--space-3xl) 0;color:var(--text-secondary)}.diagrams-empty:where(.astro-p4zw2ixs) code:where(.astro-p4zw2ixs){background:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-size:.9em}.diagram-theme-details:where(.astro-p4zw2ixs){border:1px solid var(--border);border-radius:var(--border-radius-lg);margin-bottom:var(--space-lg);background:var(--bg-secondary);overflow:hidden}.diagram-theme-summary:where(.astro-p4zw2ixs){display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s}.diagram-theme-summary:where(.astro-p4zw2ixs)::-webkit-details-marker{display:none}.diagram-theme-summary:where(.astro-p4zw2ixs):hover{background:var(--bg-tertiary, var(--bg-secondary))}.diagram-theme-details:where(.astro-p4zw2ixs)[open] .diagram-theme-summary:where(.astro-p4zw2ixs){border-bottom:1px solid var(--border)}.diagram-theme-icon:where(.astro-p4zw2ixs){font-size:1.4rem;line-height:1;flex-shrink:0}.diagram-theme-title:where(.astro-p4zw2ixs){font-size:1.1rem;font-weight:700;color:var(--text-primary);flex:1}.diagram-theme-count:where(.astro-p4zw2ixs){font-size:.8rem;color:var(--text-muted);background:var(--bg-tertiary, rgba(0,0,0,.05));padding:2px 8px;border-radius:var(--border-radius-full, 999px);border:1px solid var(--border)}.diagram-theme-summary:where(.astro-p4zw2ixs):after{content:"›";font-size:1.2rem;color:var(--text-muted);transition:transform .2s;margin-left:auto}.diagram-theme-details:where(.astro-p4zw2ixs)[open] .diagram-theme-summary:where(.astro-p4zw2ixs):after{transform:rotate(90deg)}.diagram-theme-content:where(.astro-p4zw2ixs){padding:0 var(--space-xl) var(--space-xl)}.diagram-theme-desc:where(.astro-p4zw2ixs){color:var(--text-secondary);font-size:.95rem;padding-top:var(--space-lg);margin-bottom:var(--space-xl);border-bottom:1px solid var(--border);padding-bottom:var(--space-xl)}.diagram-entry:where(.astro-p4zw2ixs){padding:var(--space-xl) 0;border-bottom:1px solid var(--border)}.diagram-entry:where(.astro-p4zw2ixs):last-child{border-bottom:none;padding-bottom:0}.diagram-entry-title:where(.astro-p4zw2ixs){font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.diagram-entry-desc:where(.astro-p4zw2ixs){color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--space-lg);max-width:640px}.diagram-container:where(.astro-p4zw2ixs){overflow-x:auto;margin:var(--space-lg) 0;padding:var(--space-lg);background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--border);position:relative}.diagram-container:where(.astro-p4zw2ixs)[data-guide-url] svg .node{cursor:pointer}.diagram-container:where(.astro-p4zw2ixs)[data-guide-url] svg .node rect,.diagram-container:where(.astro-p4zw2ixs)[data-guide-url] svg .node circle,.diagram-container:where(.astro-p4zw2ixs)[data-guide-url] svg .node polygon,.diagram-container:where(.astro-p4zw2ixs)[data-guide-url] svg .node path{transition:filter .15s}.diagram-container:where(.astro-p4zw2ixs)[data-guide-url] svg .node:hover rect,.diagram-container:where(.astro-p4zw2ixs)[data-guide-url] svg .node:hover circle,.diagram-container:where(.astro-p4zw2ixs)[data-guide-url] svg .node:hover polygon,.diagram-container:where(.astro-p4zw2ixs)[data-guide-url] svg .node:hover path{filter:brightness(1.2)}.diagram-guide-tooltip{position:fixed;z-index:200;background:var(--bg-secondary, #1e1e1e);border:1px solid var(--accent, #E87E2F);border-radius:8px;padding:10px 14px;box-shadow:0 8px 24px #00000059;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .15s,transform .15s;display:flex;align-items:center;gap:10px;white-space:nowrap}.diagram-guide-tooltip.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.diagram-guide-tooltip-link{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;font-weight:600;color:var(--accent, #E87E2F);text-decoration:none;padding:3px 9px;border:1px solid var(--accent, #E87E2F);border-radius:4px;transition:background .12s,color .12s}.diagram-guide-tooltip-link:hover{background:var(--accent, #E87E2F);color:#fff}.diagram-container:where(.astro-p4zw2ixs) svg.diagram-svg{max-width:100%;height:auto;display:block}:where(.astro-p4zw2ixs)[data-theme=dark] .diagram-container:where(.astro-p4zw2ixs) .edgePath path,:where(.astro-p4zw2ixs)[data-theme=dark] .diagram-container:where(.astro-p4zw2ixs) .edge path{stroke:#888}:where(.astro-p4zw2ixs)[data-theme=dark] .diagram-container:where(.astro-p4zw2ixs) .edgeLabel{color:#ccc}:where(.astro-p4zw2ixs)[data-theme=dark] .diagram-container:where(.astro-p4zw2ixs) .cluster rect{stroke:#555;fill:#1a1a1a}.diagram-ascii:where(.astro-p4zw2ixs){font-size:.78rem;line-height:1.5;color:var(--text-secondary);white-space:pre;overflow-x:auto;margin:0;font-family:Consolas,Monaco,Courier New,monospace}.diagram-source:where(.astro-p4zw2ixs){font-size:.8rem;color:var(--text-muted);margin-top:var(--space-sm);margin-bottom:0}.diagrams-faq:where(.astro-p4zw2ixs){padding-top:var(--space-3xl);padding-bottom:var(--space-2xl);border-top:1px solid var(--border);margin-top:var(--space-2xl)}.diagrams-faq:where(.astro-p4zw2ixs) h2:where(.astro-p4zw2ixs){font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xl)}.faq-list:where(.astro-p4zw2ixs){display:flex;flex-direction:column;gap:var(--space-xl)}.faq-item:where(.astro-p4zw2ixs) dt:where(.astro-p4zw2ixs){font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.faq-item:where(.astro-p4zw2ixs) dd:where(.astro-p4zw2ixs){color:var(--text-secondary);font-size:.93rem;line-height:1.65;margin-left:0}.faq-item:where(.astro-p4zw2ixs) dd:where(.astro-p4zw2ixs) code:where(.astro-p4zw2ixs){background:var(--bg-secondary);padding:1px 5px;border-radius:3px;font-size:.88em}.diagrams-footer:where(.astro-p4zw2ixs){display:flex;gap:var(--space-md);padding-bottom:var(--space-3xl);flex-wrap:wrap}.btn-ghost:where(.astro-p4zw2ixs){display:inline-flex;align-items:center;padding:var(--space-sm) var(--space-lg);border-radius:var(--border-radius);color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .15s}.btn-ghost:where(.astro-p4zw2ixs):hover{color:var(--text-primary)}@media(max-width:480px){.diagrams-nav-arrow:where(.astro-p4zw2ixs){width:28px;height:28px;font-size:1.1rem}}@media(max-width:640px){.page-hero:where(.astro-p4zw2ixs){padding:var(--space-2xl) 0 var(--space-xl)}.diagram-theme-summary:where(.astro-p4zw2ixs){padding:var(--space-md) var(--space-lg)}.diagram-theme-content:where(.astro-p4zw2ixs){padding:0 var(--space-lg) var(--space-lg)}.diagram-container:where(.astro-p4zw2ixs){padding:var(--space-md);margin:var(--space-md) 0}.diagrams-footer:where(.astro-p4zw2ixs){flex-direction:column}}