.infographic:where(.astro-f3fypycr){--ig-bg:var(--sl-color-bg-sidebar);--ig-bg-elevated:var(--sl-color-bg);--ig-bg-card:color-mix(in srgb, var(--sl-color-bg) 50%, var(--sl-color-gray-6) 50%);--ig-border:var(--sl-color-gray-5);--ig-border-subtle:var(--sl-color-gray-6);--ig-accent:var(--sl-color-accent);--ig-accent-glow:color-mix(in srgb, var(--sl-color-accent) 30%, transparent);--ig-text:var(--sl-color-text);--ig-text-muted:var(--sl-color-gray-3);--ig-text-faint:var(--sl-color-gray-4);--ig-add:#2eb860;--ig-modify:#269dd9;--ig-delete:#d22d2d;--ig-move:#ec9213;--ig-graphql:#c3c;--ig-gap-sm:.5rem;--ig-gap-md:1rem;--ig-gap-lg:1.5rem;--ig-radius-sm:.375rem;--ig-radius-md:.625rem;--ig-radius-lg:.875rem;--ig-transition:.2s ease;background:var(--ig-bg);border:1px solid var(--ig-border);border-radius:var(--ig-radius-lg);padding:var(--ig-gap-lg);margin:1.5rem 0;overflow:hidden}.infographic-header:where(.astro-f3fypycr){text-align:center;margin-bottom:var(--ig-gap-lg)}.infographic-title:where(.astro-f3fypycr){color:var(--ig-text);margin:0 0 .25rem;font-size:1rem;font-weight:600}.infographic-subtitle:where(.astro-f3fypycr){color:var(--ig-text-muted);margin:0;font-size:.8125rem}.infographic-footer:where(.astro-f3fypycr){margin-top:var(--ig-gap-lg);padding-top:var(--ig-gap-md);border-top:1px solid var(--ig-border-subtle);color:var(--ig-text-faint);text-align:center;font-size:.75rem}.ig-node:where(.astro-f3fypycr){background:var(--ig-bg-card);border:1px solid var(--ig-border);border-radius:var(--ig-radius-md);padding:var(--ig-gap-sm) var(--ig-gap-md);transition:border-color var(--ig-transition), box-shadow var(--ig-transition)}.ig-node:where(.astro-f3fypycr):hover{border-color:var(--ig-accent)}.ig-node-icon:where(.astro-f3fypycr){background:var(--ig-bg-elevated);border:1px solid var(--ig-border);border-radius:var(--ig-radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.ig-node-icon:where(.astro-f3fypycr) svg:where(.astro-f3fypycr){width:1rem;height:1rem;color:var(--ig-accent)}.ig-node-label:where(.astro-f3fypycr){color:var(--ig-text);font-size:.8125rem;font-weight:500}.ig-node-desc:where(.astro-f3fypycr){color:var(--ig-text-faint);font-size:.6875rem}.ig-flow-path:where(.astro-f3fypycr){fill:none;stroke:var(--ig-border);stroke-width:2px}.ig-flow-path-animated:where(.astro-f3fypycr){stroke-dasharray:200;stroke-dashoffset:200px;will-change:stroke-dashoffset;animation:1.5s forwards ig-draw-line;transform:translateZ(0)}.ig-flow-dot:where(.astro-f3fypycr){fill:var(--ig-accent);opacity:.8}.ig-connector:where(.astro-f3fypycr){background:var(--ig-border);flex-shrink:0}.ig-connector-horizontal:where(.astro-f3fypycr){width:2rem;height:2px}.ig-connector-vertical:where(.astro-f3fypycr){width:2px;height:2rem}.ig-arrow:where(.astro-f3fypycr){color:var(--ig-text-faint);font-size:1rem}.ig-core:where(.astro-f3fypycr){justify-content:center;align-items:center;display:flex;position:relative}.ig-core-ring:where(.astro-f3fypycr){border:2px solid var(--ig-accent);opacity:.2;border-radius:50%;position:absolute}.ig-core-ring-outer:where(.astro-f3fypycr){animation:3s ease-in-out infinite ig-pulse;inset:0}.ig-core-ring-middle:where(.astro-f3fypycr){opacity:.3;animation:3s ease-in-out .5s infinite ig-pulse;inset:10px}.ig-core-ring-inner:where(.astro-f3fypycr){opacity:.4;animation:3s ease-in-out 1s infinite ig-pulse;inset:20px}.ig-core-center:where(.astro-f3fypycr){background:linear-gradient(135deg, var(--ig-accent) 0%, color-mix(in srgb, var(--ig-accent) 80%, white) 100%);width:3.5rem;height:3.5rem;box-shadow:0 4px 16px var(--ig-accent-glow);z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.ig-core-center:where(.astro-f3fypycr) svg:where(.astro-f3fypycr){color:#fff;width:1.5rem;height:1.5rem}.ig-timeline:where(.astro-f3fypycr){align-items:flex-start;gap:var(--ig-gap-md);display:flex;position:relative}.ig-timeline-track:where(.astro-f3fypycr){background:var(--ig-border);flex:1;height:2px;margin-top:1rem;position:relative}.ig-timeline-event:where(.astro-f3fypycr){flex-direction:column;align-items:center;gap:.25rem;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.ig-timeline-marker:where(.astro-f3fypycr){color:#fff;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.625rem;font-weight:600;display:flex}.ig-timeline-marker-add:where(.astro-f3fypycr){background:var(--ig-add);border-color:var(--ig-add)}.ig-timeline-marker-modify:where(.astro-f3fypycr){background:var(--ig-modify);border-color:var(--ig-modify)}.ig-timeline-marker-delete:where(.astro-f3fypycr){background:var(--ig-delete);border-color:var(--ig-delete)}.ig-timeline-marker-move:where(.astro-f3fypycr){background:var(--ig-move);border-color:var(--ig-move)}.ig-timeline-marker-query:where(.astro-f3fypycr){background:var(--ig-accent);border-color:var(--ig-accent)}.ig-timeline-label:where(.astro-f3fypycr){color:var(--ig-text-faint);white-space:nowrap;font-size:.625rem}.ig-grid:where(.astro-f3fypycr){gap:var(--ig-gap-md);display:grid}.ig-grid-2:where(.astro-f3fypycr){grid-template-columns:repeat(2,1fr)}.ig-grid-3:where(.astro-f3fypycr){grid-template-columns:repeat(3,1fr)}.ig-grid-4:where(.astro-f3fypycr){grid-template-columns:repeat(4,1fr)}@media (width<=640px){.ig-grid-3:where(.astro-f3fypycr),.ig-grid-4:where(.astro-f3fypycr){grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.ig-grid-2:where(.astro-f3fypycr),.ig-grid-3:where(.astro-f3fypycr),.ig-grid-4:where(.astro-f3fypycr){grid-template-columns:1fr}}.ig-flow:where(.astro-f3fypycr){grid-template-columns:1fr auto 1.2fr auto 1fr;align-items:center;gap:0;display:grid}.ig-flow-column:where(.astro-f3fypycr){gap:var(--ig-gap-sm);flex-direction:column;display:flex}.ig-flow-column-header:where(.astro-f3fypycr){text-transform:uppercase;letter-spacing:.05em;color:var(--ig-text-faint);margin-bottom:var(--ig-gap-sm);font-size:.6875rem;font-weight:600}.ig-flow-source:where(.astro-f3fypycr){text-align:right}.ig-flow-source:where(.astro-f3fypycr) .ig-node:where(.astro-f3fypycr){justify-content:flex-end;align-items:center;gap:var(--ig-gap-sm);display:flex}.ig-flow-output:where(.astro-f3fypycr) .ig-node:where(.astro-f3fypycr){align-items:center;gap:var(--ig-gap-sm);display:flex}.ig-flow-connector:where(.astro-f3fypycr){padding:0 var(--ig-gap-sm);justify-content:center;align-items:center;display:flex}@media (width<=768px){.ig-flow:where(.astro-f3fypycr){gap:var(--ig-gap-md);grid-template-rows:auto auto auto auto auto;grid-template-columns:1fr}.ig-flow-source:where(.astro-f3fypycr),.ig-flow-output:where(.astro-f3fypycr){text-align:center}.ig-flow-source:where(.astro-f3fypycr) .ig-node:where(.astro-f3fypycr),.ig-flow-output:where(.astro-f3fypycr) .ig-node:where(.astro-f3fypycr){justify-content:center}.ig-flow-connector:where(.astro-f3fypycr){transform:rotate(90deg)}}.ig-sequence:where(.astro-f3fypycr){gap:var(--ig-gap-md);flex-direction:column;display:flex}.ig-sequence-participants:where(.astro-f3fypycr){justify-content:space-between;gap:var(--ig-gap-md);display:flex}.ig-sequence-participant:where(.astro-f3fypycr){align-items:center;gap:var(--ig-gap-sm);flex-direction:column;flex:1;display:flex}.ig-sequence-lifeline:where(.astro-f3fypycr){background:var(--ig-border);flex:1;width:2px;min-height:8rem}.ig-sequence-message:where(.astro-f3fypycr){align-items:center;gap:var(--ig-gap-sm);color:var(--ig-text-muted);font-size:.75rem;display:flex}.ig-decision:where(.astro-f3fypycr){align-items:center;gap:var(--ig-gap-md);flex-direction:column;display:flex}.ig-decision-node:where(.astro-f3fypycr){background:var(--ig-bg-card);border:1px solid var(--ig-border);border-radius:var(--ig-radius-md);padding:var(--ig-gap-sm) var(--ig-gap-md);text-align:center}.ig-decision-diamond:where(.astro-f3fypycr){background:var(--ig-bg-card);border:1px solid var(--ig-border);padding:var(--ig-gap-sm) var(--ig-gap-md);text-align:center;border-radius:var(--ig-radius-sm);transform:rotate(0)}.ig-decision-diamond:where(.astro-f3fypycr):before{content:"?";color:var(--ig-accent);margin-right:.25rem;font-weight:600;display:inline-block}.ig-decision-branches:where(.astro-f3fypycr){gap:var(--ig-gap-lg);justify-content:center;display:flex}.ig-decision-branch:where(.astro-f3fypycr){align-items:center;gap:var(--ig-gap-sm);flex-direction:column;display:flex}.ig-decision-branch-label:where(.astro-f3fypycr){color:var(--ig-text-faint);text-transform:uppercase;font-size:.6875rem;font-weight:600}.ig-waterfall:where(.astro-f3fypycr){align-items:center;gap:var(--ig-gap-sm);flex-direction:column;display:flex}.ig-waterfall-item:where(.astro-f3fypycr){width:100%;max-width:20rem;position:relative}.ig-waterfall-item:where(.astro-f3fypycr):after{content:"↓";color:var(--ig-text-faint);font-size:.875rem;position:absolute;bottom:-1rem;left:50%;transform:translate(-50%)}.ig-waterfall-item:where(.astro-f3fypycr):last-child:after{display:none}.ig-comparison:where(.astro-f3fypycr){background:var(--ig-border);border-radius:var(--ig-radius-md);gap:1px;display:grid;overflow:hidden}.ig-comparison-header:where(.astro-f3fypycr){background:var(--ig-bg-card);padding:var(--ig-gap-md);align-items:center;gap:var(--ig-gap-sm);flex-direction:column;display:flex}.ig-comparison-cell:where(.astro-f3fypycr){background:var(--ig-bg);padding:var(--ig-gap-sm) var(--ig-gap-md);font-size:.8125rem}.ig-comparison-cell-label:where(.astro-f3fypycr){color:var(--ig-text);font-weight:500}.ig-comparison-cell-value:where(.astro-f3fypycr){color:var(--ig-text-muted)}@keyframes ig-draw-line{to{stroke-dashoffset:0}}@keyframes ig-dash-flow{to{stroke-dashoffset:var(--ig-dash-offset,-7)}}@keyframes ig-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.35;transform:scale(1.05)}}@keyframes ig-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ig-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ig-slide-right{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes ig-slide-left{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.ig-animate-fade-in:where(.astro-f3fypycr){animation:.5s forwards ig-fade-in}.ig-animate-slide-up:where(.astro-f3fypycr){animation:.5s forwards ig-slide-up}.ig-animate-slide-right:where(.astro-f3fypycr){animation:.5s forwards ig-slide-right}.ig-animate-slide-left:where(.astro-f3fypycr){animation:.5s forwards ig-slide-left}.ig-delay-1:where(.astro-f3fypycr){animation-delay:.1s}.ig-delay-2:where(.astro-f3fypycr){animation-delay:.2s}.ig-delay-3:where(.astro-f3fypycr){animation-delay:.3s}.ig-delay-4:where(.astro-f3fypycr){animation-delay:.4s}.ig-delay-5:where(.astro-f3fypycr){animation-delay:.5s}@media (prefers-reduced-motion:reduce){.infographic:where(.astro-f3fypycr) :where(.astro-f3fypycr),.infographic:where(.astro-f3fypycr) :where(.astro-f3fypycr):before,.infographic:where(.astro-f3fypycr) :where(.astro-f3fypycr):after{transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}.ig-flow-dot:where(.astro-f3fypycr),.ig-core-ring:where(.astro-f3fypycr){animation:none}}@media print{.infographic:where(.astro-f3fypycr){box-shadow:none;page-break-inside:avoid;background:#fff;border:1px solid #ccc}.ig-flow-dot:where(.astro-f3fypycr),.flow-dot:where(.astro-f3fypycr){display:none}.ig-core-ring:where(.astro-f3fypycr),.core-ring:where(.astro-f3fypycr){opacity:.3;animation:none}.infographic-title:where(.astro-f3fypycr),.ig-node-label:where(.astro-f3fypycr),.flow-item-label:where(.astro-f3fypycr),.core-name:where(.astro-f3fypycr){color:#000}.infographic-subtitle:where(.astro-f3fypycr),.infographic-footer:where(.astro-f3fypycr),.ig-node-desc:where(.astro-f3fypycr),.flow-item-desc:where(.astro-f3fypycr),.core-subtitle:where(.astro-f3fypycr){color:#666}.ig-node:where(.astro-f3fypycr),.flow-item:where(.astro-f3fypycr),.participant-box:where(.astro-f3fypycr),.grid-cell:where(.astro-f3fypycr),.grid-header-cell:where(.astro-f3fypycr){background:#fff;border-color:#ccc}.event-marker:where(.astro-f3fypycr),.legend-marker:where(.astro-f3fypycr),.ig-timeline-marker:where(.astro-f3fypycr){filter:grayscale();print-color-adjust:exact}.timeline-arrow:where(.astro-f3fypycr),.message-arrow:where(.astro-f3fypycr){color:#333}.connector-path:where(.astro-f3fypycr),.ig-flow-path:where(.astro-f3fypycr){stroke:#999}.dt-node:where(.astro-f3fypycr),.dt-decision:where(.astro-f3fypycr),.dt-result:where(.astro-f3fypycr){color:#000;background:#fff;border-color:#ccc}.dt-question-mark:where(.astro-f3fypycr),.dt-branch-label:where(.astro-f3fypycr){color:#666}.dt-connector-vertical:where(.astro-f3fypycr),.dt-branch-line:where(.astro-f3fypycr){background:#999}.waterfall-box:where(.astro-f3fypycr){background:#fff;border-color:#ccc}.waterfall-label:where(.astro-f3fypycr){color:#000}.waterfall-desc:where(.astro-f3fypycr){color:#666}.waterfall-arrow:where(.astro-f3fypycr){color:#999}.waterfall-priority:where(.astro-f3fypycr){color:#666}.participant-box:where(.astro-f3fypycr){background:#fff;border-color:#ccc}.participant-label:where(.astro-f3fypycr){color:#000}.seq-lifeline:where(.astro-f3fypycr):before,.message-line:where(.astro-f3fypycr){background:#999}.seq-message:where(.astro-f3fypycr).dashed .message-line:where(.astro-f3fypycr){border-color:#999}.message-label:where(.astro-f3fypycr){color:#666;background:#fff}.seq-message:where(.astro-f3fypycr).response .message-label:where(.astro-f3fypycr){color:#333}}.waterfall:where(.astro-f3fypycr){flex-direction:column;align-items:center;gap:0;padding:.5rem;display:flex}.waterfall-item:where(.astro-f3fypycr){flex-direction:column;align-items:center;width:100%;max-width:20rem;display:flex}.waterfall-box:where(.astro-f3fypycr){background:var(--ig-bg-card);border:1px solid var(--ig-border);border-radius:var(--ig-radius-md);justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;display:flex;position:relative}.waterfall-box:where(.astro-f3fypycr).high{border-color:var(--ig-accent);background:color-mix(in srgb, var(--ig-accent) 5%, var(--ig-bg-card))}.waterfall-box:where(.astro-f3fypycr).low{opacity:.7}.waterfall-content:where(.astro-f3fypycr){flex-direction:column;gap:.125rem;display:flex}.waterfall-label:where(.astro-f3fypycr){color:var(--ig-text);font-size:.8125rem;font-weight:500}.waterfall-desc:where(.astro-f3fypycr){color:var(--ig-text-faint);font-size:.6875rem;font-family:var(--sl-font-mono,monospace)}.priority-badge:where(.astro-f3fypycr){text-transform:uppercase;letter-spacing:.03em;border-radius:var(--ig-radius-sm);white-space:nowrap;padding:.25rem .5rem;font-size:.5625rem;font-weight:600}.priority-badge:where(.astro-f3fypycr).high{background:color-mix(in srgb, var(--ig-accent) 15%, transparent);color:var(--ig-accent)}.priority-badge:where(.astro-f3fypycr).low{background:var(--ig-bg-elevated);color:var(--ig-text-faint)}.waterfall-arrow:where(.astro-f3fypycr){width:1.5rem;height:1.5rem;color:var(--ig-text-faint);justify-content:center;align-items:center;margin:.25rem 0;display:flex}.waterfall-arrow:where(.astro-f3fypycr) svg:where(.astro-f3fypycr){width:1rem;height:1rem}@media (width<=480px){.waterfall-box:where(.astro-f3fypycr){padding:.625rem .75rem}.waterfall-label:where(.astro-f3fypycr){font-size:.75rem}.priority-badge:where(.astro-f3fypycr){padding:.1875rem .375rem;font-size:.5rem}}
