.diagram-fragment{--font-sans:ui-sans-serif,system-ui,"Segoe UI",sans-serif;--font-mono:ui-monospace,"Cascadia Code","Fira Code","Consolas",monospace;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-info:#0c4a6e;--color-background-primary:#0f172a;--color-background-secondary:#1e293b;--color-background-tertiary:#334155;--color-background-info:#bae6fd;--color-border-secondary:#475569;--color-border-info:#38bdf8;--color-border-tertiary:#334155}@media (prefers-reduced-motion:no-preference){.diagram-fragment .df-pkt{animation:df-movePkt var(--dur,1.8s) linear infinite}.diagram-fragment .df-pkt2{animation:df-movePkt2 var(--dur2,2.2s) linear infinite var(--delay,0s)}.diagram-fragment .df-pkt3{animation:df-movePkt3 var(--dur3,2s) linear infinite var(--delay3,.4s)}.diagram-fragment .df-pkt4{animation:df-movePkt4 var(--dur4,1.6s) linear infinite var(--delay4,.2s)}.diagram-fragment .df-pkt5{animation:df-movePkt5 var(--dur5,1.9s) linear infinite var(--delay5,.7s)}.diagram-fragment .df-pkt6{animation:df-movePkt6 var(--dur6,2.1s) linear infinite var(--delay6,.3s)}.diagram-fragment .df-pkt-3az{animation:df-flow3az var(--d,2s) linear var(--delay,0s) infinite}.diagram-fragment .df-pkt-coredns{animation:df-flowCoredns var(--d,1.8s) linear var(--dl,0s) infinite}}@keyframes df-movePkt{0%{opacity:0;offset-distance:0}8%{opacity:1}90%{opacity:1}to{opacity:0;offset-distance:100%}}@keyframes df-movePkt2{0%{opacity:0;offset-distance:0}8%{opacity:1}90%{opacity:1}to{opacity:0;offset-distance:100%}}@keyframes df-movePkt3{0%{opacity:0;offset-distance:0}8%{opacity:1}90%{opacity:1}to{opacity:0;offset-distance:100%}}@keyframes df-movePkt4{0%{opacity:0;offset-distance:0}8%{opacity:1}90%{opacity:1}to{opacity:0;offset-distance:100%}}@keyframes df-movePkt5{0%{opacity:0;offset-distance:0}8%{opacity:1}90%{opacity:1}to{opacity:0;offset-distance:100%}}@keyframes df-movePkt6{0%{opacity:0;offset-distance:0}8%{opacity:1}90%{opacity:1}to{opacity:0;offset-distance:100%}}@keyframes df-flow3az{0%{opacity:0;offset-distance:0}6%{opacity:1}92%{opacity:1}to{opacity:0;offset-distance:100%}}@keyframes df-flowCoredns{0%{opacity:0;offset-distance:0}8%{opacity:1}90%{opacity:1}to{opacity:0;offset-distance:100%}}.diagram-fragment .df-mode-btn{padding:7px 16px;border-radius:20px;border:.5px solid var(--color-border-secondary);cursor:pointer;font-size:12px;font-family:var(--font-sans);background:var(--color-background-secondary);color:var(--color-text-secondary);transition:all .15s}.diagram-fragment .df-mode-btn.df-active{background:var(--color-background-info);color:var(--color-text-info);border-color:var(--color-border-info);font-weight:500}.diagram-fragment .df-svg-canvas{overflow-x:auto;border-radius:1rem;border:1px solid rgb(148 163 184/.45);background:#eef2f7;padding:1rem 1.125rem;box-shadow:inset 0 1px 0 rgb(255 255 255/.6)}.diagram-fragment .df-info-card{background:var(--color-background-secondary);border-radius:10px;padding:14px 16px;margin-top:14px;font-size:12px;line-height:1.7;color:var(--color-text-secondary)}.diagram-fragment .df-info-card b{color:var(--color-text-primary);font-weight:500}.diagram-fragment .df-tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;margin-right:4px}.diagram-fragment .df-tag-green{background:#eaf3de;color:#27500a}.diagram-fragment .df-tag-amber{background:#faeeda;color:#633806}.diagram-fragment .df-tag-red{background:#fcebeb;color:#791f1f}.diagram-fragment .df-tag-blue{background:#e6f1fb;color:#0c447c}.diagram-fragment .df-tag-purple{background:#eeedfe;color:#3c3489}.diagram-fragment .df-checklist{margin:6px 0 0;padding:0;list-style:none}.diagram-fragment .df-checklist li{padding:2px 0;font-size:12px;color:var(--color-text-secondary)}.diagram-fragment .df-checklist li:before{content:"✓ ";color:#3b6d11;font-weight:500}.diagram-fragment .df-warn-list li:before{content:"! ";color:#854f0b}.diagram-inter-az .df-wrap{padding:16px 0 24px;font-size:13px;color:var(--color-text-primary)}.diagram-inter-az .df-tabs{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}.diagram-inter-az .df-tab{padding:6px 14px;border-radius:20px;border:.5px solid var(--color-border-secondary);cursor:pointer;font-size:12px;background:var(--color-background-secondary);color:var(--color-text-secondary);transition:all .15s}.diagram-inter-az .df-tab.df-active{background:var(--color-background-info);color:var(--color-text-info);border-color:var(--color-border-info);font-weight:500}.diagram-inter-az .df-scenario{display:none}.diagram-inter-az .df-scenario.df-visible{display:block}.diagram-inter-az .df-legend{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}.diagram-inter-az .df-legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-text-secondary)}.diagram-inter-az .df-legend-dot{width:10px;height:10px;border-radius:50%}.diagram-inter-az .df-diag-cost-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.diagram-inter-az .df-cost-free{background:#eaf3de;color:#3b6d11}.diagram-inter-az .df-cost-low{background:#faeeda;color:#854f0b}.diagram-inter-az .df-cost-high{background:#fcebeb;color:#a32d2d}.diagram-inter-az .df-cost-max{background:#f4c0d1;color:#72243e}.diagram-inter-az .df-insight{background:var(--color-background-secondary);border-left:3px solid var(--color-border-info);padding:10px 14px;border-radius:0 6px 6px 0;margin-top:14px;font-size:12px;line-height:1.6;color:var(--color-text-secondary)}.diagram-inter-az .df-insight strong{color:var(--color-text-primary);font-weight:500}.diagram-coredns .df-card{background:var(--color-background-secondary);border-radius:10px;padding:13px 15px;font-size:12px;line-height:1.75;color:var(--color-text-secondary);margin-top:10px}.diagram-coredns .df-card b,.diagram-coredns .df-section-label{color:var(--color-text-primary);font-weight:500}.diagram-coredns .df-section-label{font-size:13px;margin:20px 0 6px;padding-left:2px}.diagram-coredns .df-divider{border:none;border-top:.5px solid var(--color-border-tertiary);margin:18px 0}.diagram-coredns code{font-family:var(--font-mono);font-size:11px;background:var(--color-background-tertiary);padding:1px 5px;border-radius:4px;color:var(--color-text-primary)}.devops-tip-content{--font-sans:var(--wiki-font-body);--font-mono:var(--wiki-font-mono);--color-text-primary:var(--wiki-text);--color-text-secondary:var(--wiki-text-2);--color-text-info:#bae6fd;--color-background-primary:var(--wiki-bg);--color-background-secondary:var(--wiki-surface);--color-background-tertiary:#334155;--wiki-accent:rgb(var(--track-devops));--color-background-info:#0ea5e9;--color-background-success:#10b981;--color-background-warning:#f59e0b;--color-background-danger:#ef4444;--color-border-secondary:#475569;--color-border-info:#38bdf8;--color-border-tertiary:#334155}.devops-tip-content svg text{font-family:var(--font-sans)}.devops-tip-content .th{fill:#f1f5f9;font-size:13px;font-weight:500}.devops-tip-content .ts{fill:#94a3b8;font-size:11px}.devops-tip-content .c-blue rect{fill:rgba(56,189,248,.1);stroke:#38bdf8}.devops-tip-content .c-teal rect{fill:rgba(45,212,191,.1);stroke:#2dd4bf}.devops-tip-content .c-green rect{fill:rgba(34,197,94,.1);stroke:#22c55e}.devops-tip-content .c-amber rect{fill:rgba(245,158,11,.1);stroke:#f59e0b}.devops-tip-content .c-coral rect{fill:rgba(244,63,94,.1);stroke:#f43f5e}.devops-tip-content .c-gray rect{fill:rgba(148,163,184,.1);stroke:#94a3b8}.devops-tip-content .arr{stroke-width:1.5}.devops-tip-content marker{fill:none}.devops-tip-content .code-block{background:#111827;border:1px solid #374151;color:#e5e7eb}.devops-tip-content .kw{color:#f472b6}.devops-tip-content .fn{color:#60a5fa}.devops-tip-content .str{color:#a7f3d0}.devops-tip-content .cm{color:#6b7280;font-style:italic}