.concept-diagram:where(.astro-uywfb5wz){--diagram-border:color-mix(in srgb, var(--sl-color-accent) 32%, var(--sl-color-gray-5));border:1px solid var(--diagram-border);background:color-mix(in srgb, var(--sl-color-bg-nav) 84%, var(--sl-color-accent-low));border-radius:1rem;margin:1.8rem 0 2.2rem;padding:clamp(1rem,3vw,1.55rem);overflow-x:auto}.concept-diagram:where(.astro-uywfb5wz):focus-visible{outline:3px solid var(--sl-color-accent-high);outline-offset:3px}figcaption:where(.astro-uywfb5wz){color:var(--sl-color-white);letter-spacing:.02em;text-align:center;margin-bottom:1.25rem;font-weight:700}.node:where(.astro-uywfb5wz),.command:where(.astro-uywfb5wz),.stream:where(.astro-uywfb5wz),.layer-stack:where(.astro-uywfb5wz)>div:where(.astro-uywfb5wz){border:1px solid var(--diagram-border);background:color-mix(in srgb, var(--sl-color-bg) 90%, var(--sl-color-accent-low));text-align:center;border-radius:.75rem;min-width:7rem;padding:.75rem .85rem}.node:where(.astro-uywfb5wz) strong:where(.astro-uywfb5wz),.node:where(.astro-uywfb5wz) small:where(.astro-uywfb5wz),.stream:where(.astro-uywfb5wz) small:where(.astro-uywfb5wz),.layer-stack:where(.astro-uywfb5wz) span:where(.astro-uywfb5wz){display:block}small:where(.astro-uywfb5wz),.layer-stack:where(.astro-uywfb5wz) span:where(.astro-uywfb5wz),.permission-labels:where(.astro-uywfb5wz){color:var(--sl-color-gray-2);font-size:.76rem;line-height:1.35}.flow:where(.astro-uywfb5wz),.node-row:where(.astro-uywfb5wz),.stream-map:where(.astro-uywfb5wz){justify-content:center;align-items:center;gap:.7rem;min-width:max-content;display:flex}.arrow:where(.astro-uywfb5wz),.fork:where(.astro-uywfb5wz),.branch:where(.astro-uywfb5wz){color:var(--sl-color-accent-high);font-size:1.45rem;font-weight:800}.signal:where(.astro-uywfb5wz){color:var(--sl-color-white);font:700 .78rem/1.2 var(--__sl-font-mono);background:#cf6f523d;border-radius:999px;padding:.4rem .65rem}.active:where(.astro-uywfb5wz){border-width:3px;border-color:var(--sl-color-accent)}.layer-stack:where(.astro-uywfb5wz){gap:.45rem;max-width:36rem;margin-inline:auto;display:grid}.layer-stack:where(.astro-uywfb5wz)>div:where(.astro-uywfb5wz):first-child{margin-inline:3rem}.layer-stack:where(.astro-uywfb5wz)>div:where(.astro-uywfb5wz):nth-child(2){margin-inline:2rem}.layer-stack:where(.astro-uywfb5wz)>div:where(.astro-uywfb5wz):nth-child(3){background:color-mix(in srgb, var(--sl-color-accent-low) 45%, var(--sl-color-bg));margin-inline:1rem}.tree:where(.astro-uywfb5wz){text-align:center}.tree:where(.astro-uywfb5wz) .root:where(.astro-uywfb5wz){width:7rem;margin-inline:auto}.branch:where(.astro-uywfb5wz){line-height:1;display:block}.node:where(.astro-uywfb5wz) code:where(.astro-uywfb5wz){white-space:nowrap}.permission-map:where(.astro-uywfb5wz){text-align:center;max-width:34rem;margin-inline:auto}.permission-string:where(.astro-uywfb5wz),.permission-labels:where(.astro-uywfb5wz){grid-template-columns:1fr 3fr 3fr 3fr;display:grid}.permission-string:where(.astro-uywfb5wz) span:where(.astro-uywfb5wz){border-block:1px solid var(--diagram-border);border-right:1px solid var(--diagram-border);background:var(--sl-color-bg);color:var(--sl-color-accent-high);font:800 1.1rem/1 var(--__sl-font-mono);padding:.75rem .45rem}.permission-string:where(.astro-uywfb5wz) span:where(.astro-uywfb5wz):first-child{border-left:1px solid var(--diagram-border);border-radius:.65rem 0 0 .65rem}.permission-string:where(.astro-uywfb5wz) span:where(.astro-uywfb5wz):last-child{border-radius:0 .65rem .65rem 0}.permission-labels:where(.astro-uywfb5wz) span:where(.astro-uywfb5wz){padding-top:.45rem}.permission-map:where(.astro-uywfb5wz) p:where(.astro-uywfb5wz){margin:1rem 0 0}.stream-map:where(.astro-uywfb5wz){gap:.85rem}.stream-map:where(.astro-uywfb5wz)>:where(.astro-uywfb5wz),.outputs:where(.astro-uywfb5wz)>:where(.astro-uywfb5wz){margin:0}.fork-narrow:where(.astro-uywfb5wz){display:none}.outputs:where(.astro-uywfb5wz){gap:.55rem;display:grid}.output:where(.astro-uywfb5wz){border-color:color-mix(in srgb, var(--sl-color-accent) 65%, var(--sl-color-gray-5))}.error:where(.astro-uywfb5wz){border-color:color-mix(in srgb, #cf6f52 70%, var(--sl-color-gray-5))}.steps:where(.astro-uywfb5wz) .node:where(.astro-uywfb5wz){min-width:6.5rem}[data-theme=light] figcaption:where(.astro-uywfb5wz),[data-theme=light] .signal:where(.astro-uywfb5wz){color:var(--sl-color-white)}.system-model:where(.astro-uywfb5wz){text-align:center;justify-items:center;gap:.35rem;max-width:40rem;margin-inline:auto;display:grid}.bundle:where(.astro-uywfb5wz){border:2px dashed var(--diagram-border);background:color-mix(in srgb, var(--sl-color-accent-low) 22%, transparent);border-radius:.9rem;width:100%;padding:.9rem}.bundle-title:where(.astro-uywfb5wz){color:var(--sl-color-white);letter-spacing:.03em;margin-bottom:.7rem;font-size:.82rem;font-weight:700;display:block}.bundle-items:where(.astro-uywfb5wz){grid-template-columns:1fr 1fr;align-items:stretch;gap:.6rem;display:grid}.bundle-items:where(.astro-uywfb5wz)>.node:where(.astro-uywfb5wz){flex-direction:column;justify-content:center;height:100%;margin:0;display:flex}.start-arrow:where(.astro-uywfb5wz){color:var(--sl-color-accent-high);margin-block-end:1.05rem;font-size:1.45rem;font-weight:800;line-height:1}.start-label:where(.astro-uywfb5wz){color:var(--sl-color-gray-2);letter-spacing:.04em;font-size:.74rem;line-height:1}.model-bottom:where(.astro-uywfb5wz){grid-template-columns:1fr 1fr;gap:.6rem;width:100%;margin:0;display:grid}.instantiation:where(.astro-uywfb5wz){justify-items:center;gap:.3rem;display:grid}.system-model:where(.astro-uywfb5wz) .runtime:where(.astro-uywfb5wz){border-width:3px;border-color:var(--sl-color-accent);width:100%}.model-note:where(.astro-uywfb5wz){color:var(--sl-color-gray-2);margin:.5rem 0 0;font-size:.78rem;line-height:1.4}@container lesson (width<=50rem){.concept-diagram:where(.astro-uywfb5wz){padding:1rem}.steps:where(.astro-uywfb5wz),.horizontal:where(.astro-uywfb5wz){justify-content:flex-start}}@container lesson (width<=34rem){.bundle-items:where(.astro-uywfb5wz),.model-bottom:where(.astro-uywfb5wz){grid-template-columns:1fr}.model-bottom:where(.astro-uywfb5wz)>:where(.astro-uywfb5wz)[aria-hidden]{display:none}}@container lesson (width<=30rem){.stream-map:where(.astro-uywfb5wz){flex-direction:column;gap:.5rem;min-width:0}.stream-map:where(.astro-uywfb5wz)>.arrow:where(.astro-uywfb5wz){transform:rotate(90deg)}.fork-wide:where(.astro-uywfb5wz){display:none}.fork-narrow:where(.astro-uywfb5wz){display:inline}.outputs:where(.astro-uywfb5wz){grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%}.outputs:where(.astro-uywfb5wz) .stream:where(.astro-uywfb5wz){min-width:0}.layer-stack:where(.astro-uywfb5wz)>div:where(.astro-uywfb5wz){margin-inline:0!important}.node-row:where(.astro-uywfb5wz){justify-content:flex-start}}
