.reference-catalog{--reference-surface:#fbfcfe;--reference-selected:#ebf2ff;--reference-border:var(--line);--reference-space-sm:.5rem;--reference-space-md:1rem;--reference-space-lg:1.5rem;--reference-space-xl:2rem;--reference-radius:.5rem;--reference-text-sm:.8125rem;--reference-text:.875rem;--reference-heading:1rem;color:var(--ink);min-width:0}@supports (color:lab(0% 0 0)){.reference-catalog{--reference-surface:lab(98.8308% -.162274 -1.12441);--reference-selected:lab(95.2692% -.38901 -7.51694)}}.reference-catalog :is(h1,h2,h3){text-wrap:balance}.reference-catalog p{text-wrap:pretty}.reference-catalog button{cursor:pointer}.reference-catalog :is(button,a,input,select,summary):focus-visible{outline:3px solid var(--primary);outline-offset:3px}.reference-catalog a:hover{text-underline-offset:.22rem;text-decoration:underline}.reference-catalog .workspace-panel{box-shadow:none;padding:var(--reference-space-lg)}.reference-catalog .workspace-panel:first-child{margin-top:0}.reference-catalog .workspace-panel>h3,.reference-catalog h4{font-size:var(--reference-heading);margin-bottom:var(--reference-space-sm)}.reference-catalog .workspace-panel>p{font-size:var(--reference-text);line-height:1.7}.reference-catalog .panel-heading{gap:var(--reference-space-sm);margin-bottom:var(--reference-space-md);flex-wrap:wrap}.reference-catalog .panel-heading p{font-size:var(--reference-text)}.reference-catalog .ui-button{min-height:3rem}.reference-boundary,.reference-topic-notice{padding:var(--reference-space-md) var(--reference-space-lg);border:1px solid var(--reference-border);border-radius:var(--reference-radius);background:var(--reference-surface);font-size:var(--reference-text);line-height:1.7}.reference-boundary p,.reference-topic-notice p{color:var(--muted);margin-top:var(--reference-space-sm)}.reference-topic-notice{margin-top:var(--reference-space-lg);border-left:.3rem solid var(--primary)}.reference-topic-navigation{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0;display:flex}.reference-topic-navigation a{border:1px solid var(--reference-border);color:var(--ink);font-size:var(--reference-text);border-radius:999px;padding:.7rem .9rem;text-decoration:none}.reference-topic-navigation a[aria-current]{color:var(--primary-dark);border-color:var(--primary);background:var(--reference-selected);font-weight:650}.reference-filters{gap:var(--reference-space-md);margin-top:var(--reference-space-xl);grid-template-columns:2fr 1fr 1fr;display:grid}.reference-filters :is(input,select){font-size:var(--reference-heading);min-height:3rem}.reference-result-count{margin:var(--reference-space-md) 0;color:var(--muted);font-size:var(--reference-text-sm);font-variant-numeric:tabular-nums}.reference-grid-heading{grid-column:1/-1}.reference-grid-heading p{color:var(--muted)}.reference-topic-grid,.reference-entry-grid,.reference-pattern-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0;display:grid}.reference-topic-grid>a,.reference-entry-grid>a,.reference-pattern-results>a{border:1px solid var(--reference-border);border-radius:var(--reference-radius);background:var(--reference-surface);min-width:0;min-height:12rem;color:var(--ink);flex-direction:column;padding:1.25rem;text-decoration:none;display:flex}.reference-topic-grid>a:is(:hover,:focus-visible),.reference-entry-grid>a:is(:hover,:focus-visible),.reference-pattern-results>a:is(:hover,:focus-visible){border-color:var(--primary);background:var(--reference-selected)}.reference-topic-grid span,.reference-entry-grid span,.reference-pattern-results span{color:var(--muted);font-size:var(--reference-text-sm)}.reference-topic-grid h3,.reference-entry-grid h2{margin:.65rem 0;font-size:1.125rem}.reference-topic-grid p,.reference-entry-grid p{color:var(--muted);font-size:var(--reference-text);line-height:1.65}.reference-topic-grid strong,.reference-entry-grid small{color:var(--primary);margin-top:auto;padding-top:1rem}.reference-pattern-results{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-pattern-results>a{min-height:8rem}.reference-pattern-results strong{margin:.5rem 0}.reference-pattern-results small{color:var(--muted);line-height:1.5}.reference-workbench-layout{gap:var(--reference-space-lg);grid-template-columns:minmax(13rem,15rem) minmax(0,1fr);align-items:start;display:grid}.reference-patterns{max-height:calc(100vh - 2rem);position:sticky;top:1rem;overflow:auto}.reference-patterns ul,.reference-component-list{margin:0;padding:0;list-style:none}.reference-patterns li+li{border-top:1px solid var(--reference-border)}.reference-patterns li>a{width:100%;padding:var(--reference-space-md);border-radius:var(--reference-radius);color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;line-height:1.5;text-decoration:none;display:block}.reference-patterns li>a[aria-current]{border-color:var(--primary);background:var(--reference-selected)}.reference-patterns li>a span,.reference-patterns li>a small{color:var(--muted);font-size:var(--reference-text-sm);display:block}.reference-patterns li>a strong{font-size:var(--reference-text);margin:.35rem 0;display:block}.reference-back-link{color:var(--primary);margin-bottom:.75rem;padding:.5rem;display:inline-block}.reference-detail,.reference-detail>*,.reference-diagram-workbench>*{min-width:0}.reference-meta,.reference-muted{color:var(--muted);font-size:var(--reference-text-sm);line-height:1.7}.reference-learning-lead{max-width:78ch;margin:1rem 0;font-size:1rem;line-height:1.7}.reference-diagram-workbench{isolation:isolate;align-items:start;gap:var(--reference-space-lg);grid-template-columns:minmax(0,1fr) minmax(20rem,22rem);grid-template-areas:"canvas inspector""list inspector";display:grid}.reference-workbench-canvas{grid-area:canvas;min-width:0;position:static}.reference-inspector{border:1px solid var(--reference-border);border-radius:var(--reference-radius);background:var(--reference-surface);max-height:calc(100vh - 2rem);font-size:var(--reference-text);grid-area:inspector;padding:1rem;line-height:1.7;position:sticky;top:1rem;overflow:auto}.reference-inspector h4{margin-top:1.25rem}.reference-inspector-heading{border-bottom:1px solid var(--reference-border);justify-content:space-between;align-items:start;gap:.75rem;padding-bottom:.75rem;display:flex}.reference-inspector-heading .eyebrow{margin-bottom:.25rem}.reference-inspector-heading h3{font-size:1.125rem}.reference-accessible-list{z-index:1;border-top:1px solid var(--reference-border);background:var(--reference-surface);grid-area:list;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem;padding-top:1.5rem;display:grid;position:relative}.reference-accessible-list h3{font-size:var(--reference-heading);margin-bottom:.5rem}.reference-mobile-preview{display:none}.reference-selection-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.reference-learning-selectors{grid-template-columns:1fr 1fr;gap:1rem;margin:1.25rem 0;display:grid}.reference-learning-selectors>*,.reference-learning-selectors select{min-width:0;max-width:100%}.reference-learning-selectors select{width:100%;min-height:3rem;font-size:.9rem}.reference-view-intro{margin:1.25rem 0;font-size:.9rem;line-height:1.7}.reference-view-intro h3{margin-bottom:.5rem;font-size:1.125rem}.reference-text-button{color:var(--primary);text-align:left;font:inherit;cursor:pointer;text-underline-offset:.2rem;background:0 0;border:0;padding:.5rem 0;text-decoration:underline}.reference-journey-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.reference-journey-choices button{border:1px solid var(--reference-border);background:var(--reference-surface);text-align:left;color:var(--ink);border-radius:.5rem;padding:1rem;line-height:1.6}.reference-journey-choices :is(strong,span,small){display:block}.reference-journey-choices span{color:var(--muted);margin:.5rem 0;font-size:.85rem}.reference-journey-choices small{color:var(--primary)}.reference-walkthrough{border:1px solid var(--reference-border);background:var(--reference-surface);border-radius:.5rem;margin:1rem 0;padding:1rem}.reference-walkthrough-heading{flex-wrap:wrap;justify-content:space-between;gap:1rem;line-height:1.6;display:flex}.reference-walkthrough-heading>*{min-width:0}.reference-walkthrough-heading p{color:var(--muted);max-width:65ch;font-size:.85rem}.reference-play-controls{flex-wrap:wrap;gap:.5rem;display:flex}.reference-step-list{gap:.5rem;margin:.5rem 0;padding:.75rem 0;list-style:none;display:flex;overflow-x:auto}.reference-step-list li{flex:0 0 12rem}.reference-step-list button{text-align:left;width:100%;height:100%;color:var(--ink);border:1px solid var(--reference-border);background:#fff;border-radius:.4rem;align-items:start;gap:.6rem;padding:.75rem;font-size:.8rem;line-height:1.5;display:flex}.reference-step-list button[aria-current]{background:var(--reference-selected);border-color:var(--primary)}.reference-step-list button span{text-align:center;border:1px solid;border-radius:50%;min-width:1.5rem;height:1.5rem}.reference-step-explanation{border-top:1px solid var(--reference-border);padding-top:1rem;font-size:.925rem;line-height:1.8}.reference-step-explanation p+p{margin-top:.6rem}.reference-step-count{color:var(--muted);margin-bottom:.5rem;font-size:.8rem}.reference-diagram-toolbar{justify-content:space-between;align-items:center;gap:var(--reference-space-md);margin:var(--reference-space-lg) 0 var(--reference-space-md);flex-wrap:wrap;display:flex}.reference-diagram-toolbar p{min-width:0;font-size:var(--reference-text-sm);color:var(--muted);flex:20rem;line-height:1.6}.reference-diagram-actions{align-items:end;gap:var(--reference-space-sm);flex-wrap:wrap;flex:0 auto;max-width:100%;display:flex}.reference-diagram-actions select{min-height:3rem;font-size:var(--reference-heading)}.reference-diagram-canvas{border:1px solid var(--reference-border);border-radius:var(--reference-radius);max-height:36rem;padding:var(--reference-space-sm);background:var(--reference-surface);overflow:auto}.reference-diagram-canvas svg{width:100%;min-width:0;max-width:none;height:auto;display:block}.reference-diagram-canvas [data-node-id],.reference-diagram-canvas [data-edge-id]{cursor:pointer}.reference-diagram-canvas [data-node-id][data-learning-active=true]>rect{stroke:#3155a5;stroke-width:3px;fill:#edf3ff}.reference-diagram-canvas path[data-learning-active=true]{stroke:#3155a5;stroke-width:3.5px}.reference-diagram-canvas path[data-learning-active=true][data-learning-kind=control]{stroke:#8a5b00;stroke-dasharray:6 4}.reference-diagram-canvas :is([data-node-id],[data-edge-id]):focus-visible{outline:3px solid var(--primary);outline-offset:3px}.reference-diagram-canvas path[data-playback-active=true][data-learning-kind=data]{stroke-dasharray:12 6;animation:.9s linear infinite reference-flow-travel}@keyframes reference-flow-travel{to{stroke-dashoffset:-36px}}.reference-diagram-status{place-content:center;justify-items:start;gap:var(--reference-space-md);min-height:10rem;padding:var(--reference-space-lg);background:var(--reference-surface);border:1px solid var(--reference-border);border-radius:var(--reference-radius);font-size:var(--reference-text);color:var(--muted);line-height:1.7;display:grid}.reference-component-list{margin-top:var(--reference-space-sm);gap:.25rem;display:grid}.reference-component-list button{width:100%;min-height:3rem;padding:var(--reference-space-sm);border:1px solid var(--reference-border);border-radius:var(--reference-radius);background:var(--reference-surface);color:var(--ink);text-align:left;font-size:var(--reference-text-sm);line-height:1.5;display:block}.reference-component-list button[aria-pressed=true]{border-color:var(--primary);background:var(--reference-selected)}.reference-block-explanation dt{margin-top:1rem;font-weight:650}.reference-block-explanation dd{margin:.25rem 0 0}.reference-connected-blocks{margin:.5rem 0 1rem;padding:0;list-style:none}.reference-connected-blocks li+li{margin-top:.5rem}.reference-connected-blocks button{color:var(--primary);text-align:left;font:inherit;text-underline-offset:.2rem;background:0 0;border:0;padding:.35rem 0;text-decoration:underline}.reference-connected-blocks span,.reference-flow-list span{color:var(--muted);font-size:.8rem;display:block}.reference-dais-link{border-top:1px solid var(--reference-border);margin-top:1rem;padding-top:.25rem}.reference-source-links{margin:var(--reference-space-md) 0 0;padding:0;list-style:none}.reference-source-links li+li{margin-top:var(--reference-space-md)}.reference-source-links a{font-size:var(--reference-text);padding:.25rem 0;display:inline-block}.reference-source-links small{color:var(--muted);font-size:var(--reference-text-sm);line-height:1.7;display:block}.reference-flow-list{padding-left:1.25rem}.reference-flow-list li{font-size:var(--reference-text-sm);padding:.45rem 0}.reference-flow-list p{line-height:1.55}.reference-disclosure{border-top:1px solid var(--reference-border);padding:var(--reference-space-sm) 0;font-size:var(--reference-text);line-height:1.7}.reference-disclosure summary{min-height:3rem;padding:var(--reference-space-sm) 0;cursor:pointer;font-weight:550}.reference-guidance{gap:var(--reference-space-xl) var(--reference-space-lg);grid-template-columns:1fr 1fr;display:grid}.reference-guidance ul,.reference-questions ul,.reference-module-paths{padding-left:var(--reference-space-lg);font-size:var(--reference-text);line-height:1.8}.reference-questions{border-top:1px solid var(--reference-border);padding-top:var(--reference-space-lg);margin-top:var(--reference-space-lg)}.reference-detail code,.reference-source-links,.reference-hash{overflow-wrap:anywhere;word-break:break-word}.reference-catalog-footer{margin-top:var(--reference-space-xl);padding-top:var(--reference-space-lg);border-top:1px solid var(--reference-border);color:var(--muted);font-size:var(--reference-text-sm);line-height:1.8}.reference-catalog-footer p+p{margin-top:var(--reference-space-sm)}@media (max-width:75rem){.reference-workbench-layout{grid-template-columns:12rem minmax(0,1fr)}.reference-diagram-workbench{grid-template-columns:minmax(0,1fr) minmax(18rem,20rem)}.reference-journey-choices{grid-template-columns:1fr}}@media (max-width:72rem){.reference-workbench-layout{grid-template-columns:1fr}.reference-patterns,.reference-inspector{max-height:none;position:static}.reference-patterns ul{gap:.5rem;display:flex;overflow-x:auto}.reference-patterns li{flex:0 0 15rem}.reference-patterns li+li{border-top:0}.reference-diagram-workbench{grid-template-columns:1fr;grid-template-areas:"canvas""preview""inspector""list"}.reference-mobile-preview{border:1px solid var(--reference-border);border-radius:var(--reference-radius);background:var(--reference-selected);min-height:3rem;font-size:var(--reference-text);grid-area:preview;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.reference-mobile-preview button{color:var(--primary);background:0 0;border:0;text-decoration:underline}.reference-accessible-list{grid-template-columns:1fr 1fr}}@media (max-width:48rem){.reference-filters,.reference-learning-selectors,.reference-accessible-list,.reference-topic-grid,.reference-entry-grid,.reference-pattern-results{grid-template-columns:1fr}.reference-topic-grid>a,.reference-entry-grid>a{min-height:10rem}.reference-catalog .workspace-panel{padding:var(--reference-space-md)}.reference-diagram-toolbar{flex-direction:column;align-items:start}.reference-play-controls .ui-button{padding-inline:.65rem;font-size:.8rem}.reference-diagram-canvas{max-height:27rem}.reference-guidance{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.reference-catalog *,.reference-diagram-canvas path{scroll-behavior:auto!important;transition:none!important;animation:none!important}}