.systems-diagram:where(.astro-b5zl43fe){--diagram-border:color-mix(in srgb, var(--sl-color-accent) 34%, var(--sl-color-gray-5));--diagram-panel:color-mix(in srgb, var(--sl-color-bg) 91%, var(--sl-color-accent-low));border:1px solid var(--diagram-border);background:color-mix(in srgb, var(--sl-color-bg-nav) 86%, var(--sl-color-accent-low));border-radius:1rem;margin:1.75rem 0 2.15rem;padding:clamp(1rem,3vw,1.5rem)}.systems-diagram:where(.astro-b5zl43fe):focus-visible{outline:3px solid var(--sl-color-accent-high);outline-offset:3px}figcaption:where(.astro-b5zl43fe){color:var(--sl-color-white);text-align:center;margin-bottom:1.15rem;font-weight:750;line-height:1.35}strong:where(.astro-b5zl43fe),small:where(.astro-b5zl43fe),.eyebrow:where(.astro-b5zl43fe){display:block}small:where(.astro-b5zl43fe){color:var(--sl-color-gray-2);font-size:.76rem;line-height:1.35}.eyebrow:where(.astro-b5zl43fe),.branch-label:where(.astro-b5zl43fe){color:var(--sl-color-accent-high);letter-spacing:.075em;text-transform:uppercase;font-size:.68rem;font-weight:800}.diagram-node:where(.astro-b5zl43fe),.branch-card:where(.astro-b5zl43fe),.folder:where(.astro-b5zl43fe),.setup-flow:where(.astro-b5zl43fe) li:where(.astro-b5zl43fe){border:1px solid var(--diagram-border);background:var(--diagram-panel);border-radius:.75rem}.diagram-node:where(.astro-b5zl43fe){text-align:center;padding:.85rem}.flow-row:where(.astro-b5zl43fe){grid-template-columns:minmax(7.25rem,1fr) 1.4rem minmax(7.25rem,1fr) 1.4rem minmax(7.25rem,1fr) 1.4rem minmax(7.25rem,1fr);align-items:center;display:grid}.connector:where(.astro-b5zl43fe){background:var(--sl-color-accent-high);height:2px;position:relative}.connector:where(.astro-b5zl43fe):after{border-top:2px solid var(--sl-color-accent-high);border-right:2px solid var(--sl-color-accent-high);content:"";width:.5rem;height:.5rem;position:absolute;top:50%;right:-1px;transform:translateY(-50%)rotate(45deg)}.stored:where(.astro-b5zl43fe){border-top-color:#d89c5b}.process:where(.astro-b5zl43fe){border-top-color:#9b87dc}.memory:where(.astro-b5zl43fe){border-top-color:#5eb6a5}.processor:where(.astro-b5zl43fe){border-top-color:var(--sl-color-accent)}.result-strip:where(.astro-b5zl43fe){background:color-mix(in srgb, var(--sl-color-accent-low) 46%, transparent);color:var(--sl-color-gray-1);text-align:center;border-radius:.65rem;grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;margin-top:.9rem;padding:.65rem .8rem;font-size:.78rem;display:grid}.result-strip:where(.astro-b5zl43fe) b:where(.astro-b5zl43fe){color:var(--sl-color-accent-high)}.host-frame:where(.astro-b5zl43fe){border:2px solid color-mix(in srgb, #d89c5b 70%, var(--diagram-border));background:#d89c5b12;border-radius:.9rem;max-width:43rem;margin-inline:auto;padding:.9rem}.frame-label:where(.astro-b5zl43fe){justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.65rem;display:flex}.frame-label:where(.astro-b5zl43fe) span:where(.astro-b5zl43fe){color:var(--sl-color-gray-2);font-size:.76rem}.hardware-row:where(.astro-b5zl43fe){grid-template-columns:repeat(4,1fr);gap:.45rem;display:grid}.hardware-row:where(.astro-b5zl43fe) span:where(.astro-b5zl43fe){border:1px solid color-mix(in srgb, #d89c5b 45%, var(--sl-color-gray-5));background:var(--sl-color-bg);text-align:center;border-radius:.5rem;padding:.55rem .35rem;font-size:.72rem}.hypervisor-band:where(.astro-b5zl43fe){background:color-mix(in srgb, var(--sl-color-accent) 22%, var(--sl-color-bg));border-radius:.55rem;justify-content:space-between;gap:1rem;margin:.65rem 0;padding:.6rem .75rem;display:flex}.hypervisor-band:where(.astro-b5zl43fe) span:where(.astro-b5zl43fe){color:var(--sl-color-gray-2);font-size:.75rem}.guest-frame:where(.astro-b5zl43fe){border:2px solid var(--sl-color-accent);background:color-mix(in srgb, var(--sl-color-accent-low) 35%, var(--sl-color-bg));border-radius:.7rem;padding:.8rem}.hardware-row:where(.astro-b5zl43fe).virtual span:where(.astro-b5zl43fe){border-color:var(--diagram-border)}.setup-flow:where(.astro-b5zl43fe){grid-template-columns:repeat(6,minmax(6.2rem,1fr));gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.setup-flow:where(.astro-b5zl43fe) li:where(.astro-b5zl43fe){text-align:center;padding:.75rem .55rem .7rem;position:relative}.setup-flow:where(.astro-b5zl43fe) li:where(.astro-b5zl43fe):not(:last-child):after{z-index:2;border-top:2px solid var(--sl-color-accent-high);border-right:2px solid var(--sl-color-accent-high);background:var(--sl-color-bg-nav);content:"";width:.38rem;height:.38rem;position:absolute;top:50%;right:-.48rem;transform:translateY(-50%)rotate(45deg)}.step-number:where(.astro-b5zl43fe){background:var(--sl-color-accent);width:1.45rem;height:1.45rem;color:var(--sl-color-black);border-radius:50%;place-items:center;margin:0 auto .45rem;font-size:.72rem;font-weight:850;display:grid}.decision-map:where(.astro-b5zl43fe){max-width:39rem;margin-inline:auto}.decision-map:where(.astro-b5zl43fe) .question:where(.astro-b5zl43fe),.decision-map:where(.astro-b5zl43fe) .outcome:where(.astro-b5zl43fe){max-width:15rem;margin-inline:auto}.decision-branches:where(.astro-b5zl43fe){grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0;display:grid}.branch-card:where(.astro-b5zl43fe){text-align:center;padding:.85rem;position:relative}.branch-card:where(.astro-b5zl43fe):before{background:var(--sl-color-accent-high);content:"";width:2px;height:1rem;position:absolute;top:-1.05rem;left:50%}.merge-line:where(.astro-b5zl43fe){border-right:2px solid var(--sl-color-accent-high);border-bottom:2px solid var(--sl-color-accent-high);border-left:2px solid var(--sl-color-accent-high);border-radius:0 0 .5rem .5rem;width:50%;height:1rem;margin:-1rem auto 0}.decision-map:where(.astro-b5zl43fe) .outcome:where(.astro-b5zl43fe){border-color:var(--sl-color-accent);margin-top:.65rem}.folder-tree:where(.astro-b5zl43fe){max-width:43rem;margin-inline:auto}.folder:where(.astro-b5zl43fe){align-items:center;gap:.7rem;padding:.72rem;display:flex}.folder:where(.astro-b5zl43fe) code:where(.astro-b5zl43fe){white-space:nowrap}.folder-icon:where(.astro-b5zl43fe){background:color-mix(in srgb, #d89c5b 74%, var(--sl-color-accent));border-radius:.2rem;flex:none;width:1.75rem;height:1.2rem;display:block;position:relative}.folder-icon:where(.astro-b5zl43fe):before{background:inherit;content:"";border-radius:.18rem .18rem 0 0;width:.72rem;height:.35rem;position:absolute;top:-.27rem;left:.12rem}.root-folder:where(.astro-b5zl43fe),.course-folder:where(.astro-b5zl43fe){max-width:18rem;margin-inline:auto}.course-folder:where(.astro-b5zl43fe){border-color:var(--sl-color-accent)}.tree-line:where(.astro-b5zl43fe){background:var(--sl-color-accent-high);width:2px;height:.7rem;margin-inline:auto}.tree-line:where(.astro-b5zl43fe).split{border-top:2px solid var(--sl-color-accent-high);width:75%;height:.8rem;position:relative}.tree-line:where(.astro-b5zl43fe).split:before,.tree-line:where(.astro-b5zl43fe).split:after{background:var(--sl-color-accent-high);content:"";width:2px;height:.8rem;position:absolute;top:-2px}.tree-line:where(.astro-b5zl43fe).split:before{left:0}.tree-line:where(.astro-b5zl43fe).split:after{right:0}.folder-grid:where(.astro-b5zl43fe){grid-template-columns:repeat(4,1fr);gap:.55rem;display:grid}.diagram-summary:where(.astro-b5zl43fe){color:var(--sl-color-gray-2);margin:1rem 0 0;font-size:.78rem;line-height:1.5}.visually-hidden:where(.astro-b5zl43fe){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-theme=light] figcaption:where(.astro-b5zl43fe){color:var(--sl-color-white)}@container lesson (width<=52rem){.systems-diagram:where(.astro-b5zl43fe){overflow-x:auto}.flow-row:where(.astro-b5zl43fe),.setup-flow:where(.astro-b5zl43fe){min-width:43rem}}@container lesson (width<=38rem){.systems-diagram:where(.astro-b5zl43fe){overflow-x:visible}.flow-row:where(.astro-b5zl43fe){grid-template-columns:1fr;gap:0;min-width:0}.connector:where(.astro-b5zl43fe){width:2px;height:1.1rem;margin-inline:auto}.connector:where(.astro-b5zl43fe):after{top:auto;bottom:0;right:50%;transform:translate(50%)rotate(135deg)}.result-strip:where(.astro-b5zl43fe){grid-template-columns:1fr}.result-strip:where(.astro-b5zl43fe) b:where(.astro-b5zl43fe){transform:rotate(45deg)}.frame-label:where(.astro-b5zl43fe),.hypervisor-band:where(.astro-b5zl43fe){display:block}.frame-label:where(.astro-b5zl43fe) span:where(.astro-b5zl43fe),.hypervisor-band:where(.astro-b5zl43fe) span:where(.astro-b5zl43fe){margin-top:.15rem;display:block}.hardware-row:where(.astro-b5zl43fe){grid-template-columns:repeat(2,1fr)}.setup-flow:where(.astro-b5zl43fe){grid-template-columns:1fr;min-width:0}.setup-flow:where(.astro-b5zl43fe) li:where(.astro-b5zl43fe):not(:last-child):after{top:auto;bottom:-.46rem;right:50%;transform:translate(50%)rotate(135deg)}.decision-branches:where(.astro-b5zl43fe){grid-template-columns:1fr}.branch-card:where(.astro-b5zl43fe)+.branch-card:where(.astro-b5zl43fe):before,.merge-line:where(.astro-b5zl43fe){display:none}.folder-grid:where(.astro-b5zl43fe){grid-template-columns:repeat(2,1fr)}.tree-line:where(.astro-b5zl43fe).split{width:50%}}@container lesson (width<=25rem){.folder-grid:where(.astro-b5zl43fe){grid-template-columns:1fr}.tree-line:where(.astro-b5zl43fe).split{background:var(--sl-color-accent-high);border:0;width:2px}}
