:root{color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f5f4ed;--focus:#69862d;--ink:#263b2d;--muted:#667061;--line:#d9ddcf;--lime:#d4f76b;font-family:Inter,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}button{color:inherit}h1,h2,h3,p{margin:0}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:5px}::selection{background:var(--lime);color:#263b2d}html{scroll-behavior:smooth;scroll-padding-top:28px}button{min-height:40px}section[id]{scroll-margin-top:28px}.skip-link{background:var(--lime);z-index:10;color:#263b2d;padding:14px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.serif{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#17231c;--ink:#edf1e4;--muted:#bac5b1;--line:#43523e;--focus:#d4f76b}.interactive-demo{--demo-accent:#507035;--demo-surface:color-mix(in srgb, var(--ink) 3%, var(--page));border:1px solid var(--line);background:var(--demo-surface);border-radius:20px;margin:44px 0;overflow:hidden}[data-theme=dark] .interactive-demo{--demo-accent:#d4f76b}.interactive-demo-heading{justify-content:space-between;align-items:center;gap:24px;padding:30px 32px 0;display:flex}.interactive-demo-heading h2{max-width:36ch;margin-top:12px}.interactive-demo-badge{border:1px solid var(--line);color:var(--muted);border-radius:20px;flex-shrink:0;padding:7px 12px;font-size:11px}.interactive-demo-intro{color:var(--muted);max-width:76ch;padding:14px 32px 0;font-size:14px}.interactive-demo-feedback{border-block:1px solid var(--line);background:var(--page);justify-content:space-between;align-items:center;gap:20px;padding:16px 32px;display:flex}.interactive-demo-feedback p{align-items:center;min-height:44px;font-size:13px;display:flex}.interactive-demo-feedback button{border:1px solid var(--line);background:0 0;border-radius:7px;flex-shrink:0;padding:8px 12px;font-size:12px}.interactive-demo-footer{padding:20px 32px}.interactive-demo-footer p{font-size:13px}.interactive-demo-footer p+p{color:var(--muted);margin-top:10px;font-size:11px}@media (width<=760px){.interactive-demo-heading{padding:24px 20px 0}.interactive-demo-badge{display:none}.interactive-demo-intro{padding:12px 20px 0}.interactive-demo-feedback{gap:12px;padding:14px 20px}.interactive-demo-footer{padding:18px 20px}}.builder-demo-scene{grid-template-columns:minmax(190px,.8fr) minmax(220px,1fr) 44px minmax(220px,1fr);align-items:start;gap:0;padding:30px 32px;display:grid}.builder-demo-scene>div{min-width:0}.builder-demo-steps{padding-right:28px}.builder-demo-scene .eyebrow{font-size:9px}.builder-demo-scene h3{margin:10px 0;font-size:18px}.builder-demo-steps>p:not(.eyebrow),.builder-demo-note{color:var(--muted);font-size:12px}.builder-demo-part-buttons{gap:8px;margin-top:20px;display:grid}.builder-demo-part-buttons button{border:1px solid var(--line);background:var(--page);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.builder-demo-part-buttons button span{min-width:0}.builder-demo-part-buttons strong{font-size:12px;display:block}.builder-demo-part-buttons code{overflow-wrap:anywhere;color:var(--muted);margin-top:5px;font-size:10px;display:block}.builder-demo-part-buttons small{color:var(--muted);font-size:9px}.builder-demo-part-buttons button[data-added=true]{border-color:var(--demo-accent)}.builder-demo button:disabled{cursor:not-allowed;opacity:.65}.builder-demo-draft,.builder-demo-product{border:1px solid var(--line);background:var(--page);border-radius:14px;padding:20px}.builder-demo-draft.is-receiving{border-color:var(--demo-accent)}.builder-demo .report-paper{min-height:150px;margin:20px 0;padding:16px}.builder-demo .report-paper h3{font:22px/1.3 Georgia,serif}.builder-demo .report-paper .eyebrow{font-size:8px}.builder-demo .report-body,.builder-demo .report-summary{font-size:12px}.builder-demo .report-chart figcaption{font-size:10px}.builder-demo .report-chart>div{gap:8px}.builder-demo-build{background:var(--lime);color:#263b2d;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:44px;padding:12px;font-size:12px;font-weight:600;display:flex}.builder-demo-build code{font-size:10px;font-weight:400}.builder-demo-build+.builder-demo-note{margin-top:10px}.builder-demo-bridge{align-self:center;height:40px}.builder-demo-bridge svg{width:100%;height:40px;display:block;overflow:visible}.builder-demo-bridge path{stroke:var(--demo-accent);stroke-width:1.5px;fill:none}.builder-demo-signal{fill:var(--demo-accent);stroke:var(--page);stroke-width:2px}.builder-demo-empty{border:1px dashed var(--line);text-align:center;min-height:180px;color:var(--muted);border-radius:8px;margin-top:20px;padding:24px 16px}.builder-demo-empty>svg{width:32px;height:38px;margin:0 auto 12px;display:block}.builder-demo-empty p{font-size:12px}.builder-demo-empty p+p{margin-top:10px;font-size:11px}.builder-demo-snapshot-note{color:var(--demo-accent);font-size:12px}.builder-demo-draft[data-part=title] .report-paper h3,.builder-demo-draft[data-part=body] .report-body,.builder-demo-draft[data-part=summary] .report-summary,.builder-demo-draft[data-part=chart] .report-chart,.builder-demo-draft[data-part=footer] .report-paper footer{animation:.5s ease-out both builder-part-arrive}.builder-demo-product .report-paper{animation:.45s ease-out both builder-product-arrive}@keyframes builder-part-arrive{0%{opacity:.2;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes builder-product-arrive{0%{opacity:.2;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@media (width<=1050px){.builder-demo-scene{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)}.builder-demo-steps{grid-column:1/-1;padding:0 0 24px}.builder-demo-part-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.builder-demo-scene{grid-template-columns:minmax(0,1fr);padding:24px 20px}.builder-demo-part-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-demo-part-buttons button{flex-direction:column;align-items:flex-start}.builder-demo-draft,.builder-demo-product{padding:16px}.builder-demo-bridge{justify-self:center;width:40px;height:56px;position:relative}.builder-demo-bridge svg{width:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}}.pattern-page{max-width:1200px;padding-block:35px 64px}.pattern-navigation{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-top:20px;padding:14px 0;display:flex}.pattern-navigation a{border-radius:7px;padding:10px 16px;font-size:14px}.pattern-navigation a[aria-current=page]{color:var(--page);background:var(--ink)}.pattern-navigation a:hover{text-underline-offset:4px;text-decoration:underline}.pattern-intro{max-width:800px;margin:48px 0 32px}.pattern-intro h1{letter-spacing:-2px;margin:16px 0 24px;font-size:clamp(38px,4.4vw,60px);font-weight:500;line-height:1.1}.pattern-entry p{line-height:1.7}.pattern-intro .pattern-definition{margin-bottom:18px;font-size:clamp(20px,2.3vw,26px);line-height:1.5}.pattern-intro>p:last-child{max-width:72ch;color:var(--muted)}.pattern-essentials{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0;padding:24px 0;display:grid}.pattern-essentials dt{margin-bottom:10px;font-weight:600}.pattern-essentials dd{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.pattern-entry h2{font-size:clamp(24px,3vw,32px);font-weight:500;line-height:1.25}.pattern-entry h3{font-size:18px;font-weight:600;line-height:1.4}.pattern-fit{grid-template-columns:1fr 1fr;gap:40px;margin:32px 0;display:grid}.pattern-fit p{color:var(--muted);margin-top:12px}.pattern-fit h2{font-size:23px}.pattern-paths{border-top:1px solid var(--line);margin-top:40px;padding-top:32px}.pattern-path-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.pattern-path{border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:start;padding:28px;display:flex}.pattern-path:hover{border-color:var(--ink)}.pattern-path h3{margin:16px 0 12px;font-size:24px;font-weight:500}.pattern-path h3>span{white-space:nowrap}.pattern-path p{color:var(--muted);font-size:14px}.pattern-path-caption{margin-top:auto;padding-top:24px;font-size:12px;display:block}.reference-jumps{flex-wrap:wrap;gap:12px 24px;margin:24px 0 36px;font-size:14px;display:flex}.reference-jumps a{text-underline-offset:5px;padding:6px 0;text-decoration:underline}.reference-section{margin-top:40px}.reference-section>h2{margin-bottom:20px;scroll-margin-top:24px}.reference-section>p{max-width:95ch}.reference-roles{grid-template-columns:1fr 1fr;gap:24px 40px;margin:24px 0;display:grid}.reference-roles dt{font-weight:600;line-height:1.5}.reference-roles dt code{color:var(--muted);margin-top:6px;font-size:12px;font-weight:400;display:block}.reference-roles dd{margin:10px 0 0;font-size:14px;line-height:1.7}.reference-code-grid{grid-template-columns:1.1fr 1fr;gap:28px;margin-top:24px;display:grid}.reference-code-grid>div{min-width:0}.reference-code-grid p,.reference-note{color:var(--muted);font-size:13px}.reference-code-grid .story-code{white-space:pre-wrap;overflow-wrap:anywhere;max-height:none;font-size:12px}.reference-implementations{margin-top:20px}.reference-implementations summary{line-height:1.6}.reference-note{margin-top:16px}.reference-mistakes-title{margin:28px 0 16px}.reference-mistakes{max-width:96ch;padding-left:20px;line-height:1.75}.reference-mistakes li+li{margin-top:16px}.reference-return{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin-top:40px;padding-top:28px;display:flex}@media (width<=760px){.pattern-essentials,.pattern-path-grid,.reference-code-grid,.reference-roles,.pattern-fit{grid-template-columns:1fr;gap:24px}.pattern-essentials{gap:20px}.reference-return{flex-direction:column;align-items:flex-start}.pattern-path{padding:24px}.pattern-navigation{gap:4px}.pattern-navigation a{padding:10px;font-size:12px}}.pattern-entry :is(h1,h2):focus-visible{outline:2px solid var(--focus);outline-offset:6px}.builder-header{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:30px;display:flex}.builder-header .pattern-intro{margin-bottom:0}.builder-header>.language-control-segmented{flex-shrink:0}.builder-chapters{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:36px;padding:20px 0;display:grid}.builder-chapters button{text-align:left;color:var(--muted);background:0 0;border:0;align-items:center;gap:12px;padding:10px 4px;font-size:14px;display:flex}.builder-chapters button span{border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.builder-chapters [aria-current]{color:var(--ink);font-weight:600}.builder-chapters [aria-current] span{background:var(--ink);color:var(--page)}.builder-walkthrough{grid-template-columns:1fr 1.1fr;align-items:start;gap:48px;display:grid}.builder-walkthrough>*{min-width:0}.builder-narrative h2{margin:16px 0 22px;font-size:clamp(28px,3vw,40px)}.builder-lead{font-size:17px}.builder-action{background:color-mix(in srgb, var(--ink) 5%, var(--page));border-radius:8px;margin:22px 0;padding:16px}.builder-narrative aside{border-left:3px solid #829c6a;margin:26px 0;padding-left:18px}.builder-narrative aside p{color:var(--muted);margin-top:10px;font-size:14px}.builder-workshop{border:1px solid var(--line);border-radius:14px;padding:26px}.builder-workshop h2{margin:12px 0;font-size:24px}.builder-note{color:var(--muted);margin:12px 0;font-size:12px;line-height:1.7}.builder-workshop form>label{margin:20px 0 8px;font-size:13px;font-weight:600;display:block}.builder-workshop input:not([type=checkbox]),.builder-workshop textarea{width:100%;min-width:0;font:inherit;border:1px solid var(--line);background:var(--page);color:var(--ink);border-radius:6px;padding:12px;font-size:14px}.builder-workshop textarea{resize:vertical}.builder-field{gap:8px;display:flex}.builder-field button{flex-shrink:0}.builder-workshop button,.builder-next button{border:1px solid var(--line);background:0 0;border-radius:6px;padding:10px 12px;font-size:13px}.builder-workshop button:hover,.builder-next button:hover{border-color:var(--ink)}.builder-actions{flex-wrap:wrap;gap:8px;display:flex}.builder-workshop fieldset,.builder-practice fieldset{border:0;min-width:0;margin:24px 0;padding:0}.builder-workshop legend,.builder-practice legend{margin-bottom:12px;font-size:13px;font-weight:600}.builder-choice{align-items:center;gap:10px;margin:12px 0;font-size:14px;line-height:1.6;display:flex}.builder-choice input{width:18px;height:18px;accent-color:var(--ink);flex-shrink:0}.builder-primary,.builder-workshop .builder-primary{border:1px solid var(--ink);background:var(--ink);color:var(--page);border-radius:6px;margin-top:12px;padding:12px 16px;font-size:14px}.builder-error{color:#a02f25;margin:12px 0;font-size:14px}[data-theme=dark] .builder-error{color:#ffb2a8}.report-paper{border:1px solid var(--line);background:color-mix(in srgb, var(--ink) 4%, var(--page));box-shadow:4px 4px 0 color-mix(in srgb, var(--ink) 5%, var(--page));overflow-wrap:anywhere;border-radius:3px 3px 18px;margin:20px 0;padding:22px}.report-paper h3{margin:18px 0;font:24px/1.3 Georgia,serif}.report-body{white-space:pre-wrap;font-size:14px}.report-summary{border-left:3px solid #829c6a;margin:14px 0;padding-left:12px;font-size:13px;font-weight:600}.report-paper footer{border-top:1px solid var(--line);color:var(--muted);margin-top:20px;padding-top:12px;font-size:11px}.report-chart{margin:20px 0}.report-chart figcaption{color:var(--muted);font-size:11px}.report-chart>div{border-bottom:1px solid var(--line);align-items:flex-end;gap:12px;height:70px;margin-top:12px;display:flex}.report-chart span{background:#829c6a;border-radius:4px 4px 0 0;width:44px}.builder-output summary,.builder-disclosure summary,.builder-practice summary{font-size:14px;font-weight:600;line-height:1.7}.builder-disclosure{margin:24px 0}.builder-disclosure p{margin:14px 0}.builder-disclosure li{overflow-wrap:anywhere;margin:8px 0;font-size:13px}.builder-design{border-top:1px solid var(--line);margin-top:40px;padding-top:30px}.builder-design>p{max-width:90ch;margin:18px 0}.builder-design h3{margin:16px 0}.builder-design ul{padding-left:22px;line-height:1.8}.builder-next{margin-top:28px}.builder-practice{border:1px solid var(--line);border-radius:12px;margin-top:32px;padding:24px}.builder-practice p{margin:18px 0}.builder-practice .builder-choice{border:1px solid var(--line);border-radius:6px;padding:14px}.builder-workshop input:focus-visible,.builder-workshop textarea:focus-visible,.builder-practice input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (width<=850px){.builder-walkthrough{grid-template-columns:1fr;gap:24px}.builder-header{flex-direction:column;align-items:flex-start}}@media (width<=600px){.builder-chapters{gap:8px}.builder-chapters button{flex-direction:column;align-items:flex-start;font-size:12px}.builder-workshop,.builder-practice{padding:18px}.builder-field{flex-wrap:wrap}.report-paper{padding:18px}}.language-control-segmented{border:1px solid var(--line);border-radius:10px;gap:4px;padding:4px;display:flex}.language-control-segmented button{color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:10px 14px;font-size:12px}.language-control-segmented button[aria-pressed=true]{background:var(--ink);color:var(--page)}.source-example-open{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:8px;margin-top:1rem;padding:.65rem 1rem}.source-example-dialog{border:1px solid var(--line);background:var(--page);width:min(960px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border-radius:16px;margin:auto;padding:clamp(16px,3vw,28px)}.source-example-dialog::backdrop{background:#000000a6}.source-example-dialog p{margin:1rem 0;line-height:1.6}.source-example-dialog-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem;display:flex}.source-example-dialog button{color:var(--ink);background:var(--page);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:.7rem}.source-example-tabs{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.source-example-tabs [aria-selected=true]{outline:2px solid var(--focus);outline-offset:1px}.source-example-dialog .source-example-source,.source-example-dialog .source-example-commands{color:#f5f4ed;white-space:pre;background:#20372b;max-width:100%;padding:1rem;font-size:.8rem;line-height:1.6;overflow:auto}.source-example-dialog .source-example-source{max-height:42vh}.source-example-download{margin-bottom:.8rem;text-decoration:underline;display:inline-block}.decorative-icon{vertical-align:-.125em;flex-shrink:0;width:1em;height:1em;display:inline-block}.native-select{--select-arrow-inset:12px;--select-arrow-size:14px;width:100%;min-width:0;display:inline-grid;position:relative}.native-select-control{appearance:none;width:100%;min-width:0;min-height:var(--select-height,40px);border:1px solid var(--line);border-radius:var(--select-radius,7px);background:var(--select-background,var(--page));color:var(--ink);font:inherit;font-size:var(--select-font-size,13px);padding-block:var(--select-padding-block,8px);cursor:pointer;padding-inline-start:12px;padding-inline-end:calc(var(--select-arrow-inset) + var(--select-arrow-size) + 12px);display:block}.native-select-control:hover:not(:disabled){border-color:var(--muted)}.native-select.has-leading-icon>.native-select-control{padding-inline-start:39px}.native-select-chevron,.native-select-leading{pointer-events:none;color:var(--muted);place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.native-select-chevron{width:var(--select-arrow-size);height:var(--select-arrow-size);inset-inline-end:var(--select-arrow-inset)}.native-select-leading{width:17px;height:17px;inset-inline-start:14px}.native-select-chevron>.decorative-icon,.native-select-leading>.decorative-icon{width:100%;height:100%}.native-select-control:disabled{cursor:not-allowed;opacity:.7}.native-select-control:disabled~span{opacity:.7}.observer-demo-scene{grid-template-columns:minmax(210px,.9fr) minmax(50px,100px) minmax(300px,1.3fr);align-items:center;padding:32px;display:grid}.observer-demo-publisher{border:1px solid var(--line);background:var(--page);text-align:center;border-radius:14px;padding:24px}.observer-demo-publisher>.eyebrow{font-size:9px}.observer-demo-station{width:100px;height:84px;color:var(--demo-accent);margin:12px auto 4px;display:block}.observer-demo-publisher h3{font-size:17px}.observer-demo-reading{letter-spacing:-1px;font-variant-numeric:tabular-nums;margin-top:12px;font-size:40px;line-height:1.3}.observer-demo-reading span{color:var(--muted);font-size:22px}.observer-demo-count{color:var(--muted);font-size:11px}.observer-demo-publish-controls{text-align:left;gap:8px;margin-top:20px;display:grid}.observer-demo-publish-controls label{font-size:11px;font-weight:600}.observer-demo-publish-controls button{background:var(--lime);color:#263b2d;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:12px;font-size:13px;font-weight:600;display:flex}.observer-demo button:disabled{cursor:wait;opacity:.7}.observer-demo-connections{min-width:0;height:360px;position:relative}.observer-demo-wires{width:100%;height:100%;overflow:visible}.observer-demo-wires path{fill:none;stroke:var(--line);stroke-width:1.5px;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}.observer-demo-wires path.is-connected{stroke:var(--demo-accent);stroke-dasharray:none}.observer-demo-signal{fill:var(--demo-accent);stroke:var(--page);stroke-width:2px}.observer-demo-wires-mobile{display:none}.observer-demo-panels{grid-template-rows:repeat(3,112px);gap:12px;min-width:0;display:grid}.observer-demo-panel{border:1px dashed var(--line);background:var(--page);border-radius:12px;min-width:0;padding:14px 18px}.observer-demo-panel.is-subscribed{border-style:solid;border-color:var(--demo-accent)}.observer-demo-panel-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.observer-demo-panel h3{font-size:15px}.observer-demo-subscribe{cursor:pointer;align-items:center;gap:7px;min-height:28px;font-size:11px;display:inline-flex}.observer-demo-subscribe input{width:17px;height:17px;accent-color:var(--demo-accent);margin:0}.observer-demo-subscribe input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.observer-demo .observer-demo-value{font-variant-numeric:tabular-nums;margin-top:7px;font-size:20px;line-height:1.3}.observer-demo-value.has-reading{color:var(--demo-accent)}.observer-demo .observer-demo-panel-note{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.4}@media (width<=760px){.observer-demo-scene{grid-template-columns:32px minmax(0,1fr);align-items:start;padding:24px 20px}.observer-demo-publisher{text-align:left;grid-column:1/-1;padding:20px;position:relative}.observer-demo-station{width:80px;height:68px;margin:0;position:absolute;top:18px;right:14px}.observer-demo-publisher h3{margin-top:10px;padding-right:65px}.observer-demo-reading{margin-top:4px}.observer-demo-publish-controls{margin-top:16px}.observer-demo-wires-desktop{display:none}.observer-demo-wires-mobile{display:block}.observer-demo-panels{margin-top:16px}.observer-demo-connections{height:376px}.observer-demo-wires-mobile{height:360px;margin-top:16px}.observer-demo-connections:before{content:"";background:var(--demo-accent);width:1.5px;height:16px;display:block;position:absolute;left:50%;transform:translate(-50%)}.observer-demo-panel{padding:12px}}@media (width<=380px){.observer-demo-panel-top{align-items:flex-start}.observer-demo-subscribe{gap:4px;font-size:10px}.observer-demo-panel h3{font-size:13px}.observer-demo .observer-demo-value{font-size:16px}.observer-demo-panel{padding:10px}.observer-demo-scene{grid-template-columns:24px minmax(0,1fr);padding-inline:12px}}.observer-demo-panel[data-recipient=history] .observer-demo-value{white-space:nowrap;font-size:15px}@media (width<=380px){.observer-demo-panel[data-recipient=history] .observer-demo-value{font-size:13px}}.observer-header{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:30px;display:flex}.observer-header .pattern-intro{margin-bottom:0}.observer-header>.language-control-segmented{flex-shrink:0}.observer-chapters{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px;padding:20px 0;display:grid}.observer-chapters button{color:var(--muted);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:10px 4px;font-size:14px;display:flex}.observer-chapters button>span{border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.observer-chapters [aria-current=step]{color:var(--ink);font-weight:600}.observer-chapters [aria-current=step]>span{background:var(--ink);color:var(--page)}.observer-walkthrough{grid-template-columns:1fr 1.1fr;align-items:start;gap:48px;display:grid}.observer-walkthrough>*{min-width:0}.observer-narrative h2{margin:16px 0 22px;font-size:clamp(28px,3vw,40px)}.observer-lead{font-size:17px}.observer-action{background:color-mix(in srgb, var(--ink) 5%, var(--page));border-radius:8px;margin:22px 0;padding:16px}.observer-narrative aside{border-left:3px solid #829c6a;margin:26px 0;padding-left:18px}.observer-narrative aside p{color:var(--muted);margin-top:10px;font-size:14px}.observer-next{margin-top:28px}.observer-note{color:var(--muted);margin:14px 0;font-size:12px}.observer-primary{border:1px solid var(--ink);background:var(--ink);color:var(--page);border-radius:7px;padding:12px 16px;font-size:14px}.observer-text-button{color:var(--ink);border:0;border-bottom:1px solid var(--ink);background:0 0;padding:8px 0;font-size:14px}.weather-lab{border:1px solid var(--line);border-radius:14px;padding:26px}.weather-lab header h2{margin:12px 0;font-size:24px}.weather-lab header>p:last-child{color:var(--muted);font-size:14px}.weather-lab form{border-block:1px solid var(--line);margin-top:20px;padding:20px 0}.weather-lab form label{margin-bottom:10px;font-size:14px;font-weight:600;display:block}.weather-input{gap:10px;display:flex}.weather-input input{width:110px;min-width:0;font:inherit;color:var(--ink);background:var(--page);border:1px solid var(--line);border-radius:7px;flex:1;padding:12px}.weather-lab form>p{color:var(--muted);margin-top:10px;font-size:12px}.weather-lab .observer-error{color:#a02f25}[data-theme=dark] .weather-lab .observer-error{color:#ffb2a8}.weather-audience{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:22px 0 14px;font-size:12px;display:flex}.weather-audience>span{letter-spacing:1px}.weather-hint{color:var(--muted);font-size:12px}.weather-recipients{gap:12px;margin-top:14px;display:grid}.weather-recipient{border:1px solid var(--line);border-radius:9px;padding:16px}.weather-received{background:color-mix(in srgb, #829c6a 8%, var(--page));border-color:#829c6a}.weather-recipient-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.weather-recipient-heading h3{font-size:15px}.weather-recipient-heading>span,.weather-recipient-heading label{color:var(--muted);font-size:11px}.weather-recipient-heading label{cursor:pointer;align-items:center;gap:8px;display:flex}.weather-recipient input,.observer-practice input{width:18px;height:18px;accent-color:var(--ink);flex-shrink:0;margin:0}.weather-recipient .weather-value{overflow-wrap:anywhere;margin:14px 0 6px;font-size:22px;line-height:1.35}.weather-receipt{color:var(--muted);font-size:11px}.weather-status{margin:20px 0;font-size:14px}.weather-trace{border-top:1px solid var(--line);margin-bottom:16px;padding-top:14px;font-size:13px}.weather-trace ol,.observer-design ul{padding-left:22px;line-height:1.8}.weather-trace p{color:var(--muted);margin-top:12px}.observer-design{border-top:1px solid var(--line);margin-top:40px;padding-top:30px}.observer-design>p{max-width:86ch;margin:18px 0}.observer-design h3{margin:12px 0}.observer-pressure{border:1px solid var(--line);border-radius:10px;margin-top:20px;padding:20px}.observer-pressure p+p{margin-top:16px}.observer-source{margin:24px 0}.observer-source summary{font-weight:600;line-height:1.65}.observer-summary{margin-top:36px}.observer-summary p{max-width:90ch;margin-top:16px}.observer-practice{border:1px solid var(--line);border-radius:12px;margin-top:30px;padding:24px}.observer-practice summary{font-weight:600;line-height:1.6}.observer-practice p{margin:18px 0}.observer-practice fieldset{border:0;min-width:0;margin:24px 0;padding:0}.observer-practice legend{margin-bottom:12px;font-weight:600}.observer-practice label{border:1px solid var(--line);cursor:pointer;border-radius:7px;align-items:center;gap:12px;margin:10px 0;padding:14px;line-height:1.5;display:flex}.observer-inline-link{text-underline-offset:4px;text-decoration:underline}.observer-practice input:focus-visible,.weather-lab input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (width<=850px){.observer-walkthrough{grid-template-columns:1fr;gap:24px}.observer-header{flex-direction:column;align-items:flex-start}}@media (width<=600px){.weather-lab{padding:18px}.observer-chapters{gap:8px}.observer-chapters button{flex-direction:column;align-items:flex-start;font-size:12px}.weather-input{flex-wrap:wrap}.weather-input button{white-space:nowrap;flex:1}.observer-practice{padding:18px}}.theme-control{flex-shrink:0;align-items:center;font-size:12px;display:inline-flex;position:relative}.theme-control-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.theme-control .native-select{--select-height:46px;--select-radius:24px;--select-font-size:12px;--select-padding-block:10px;--select-background:color-mix(in srgb, var(--ink) 3%, var(--page));width:auto}.wrap{width:min(1240px,100% - 96px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:22px;min-height:108px;padding-block:22px;display:grid}.site-header>.brand{justify-self:start}.brand{letter-spacing:-1.2px;align-items:center;font-size:25px;font-weight:750;display:inline-flex}.brand-light{font-weight:400}.brand-dot{color:#6a823a}.brand-mark{background:var(--ink);width:34px;height:35px;color:var(--lime);letter-spacing:0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;margin-right:10px;padding-right:8px;font-family:Georgia,serif;font-size:27px;display:flex;position:relative}.brand-mark .decorative-icon{width:12px;height:12px;position:absolute;top:5px;right:3px}.site-footer .brand-mark .decorative-icon{width:10px;height:10px;top:4px;right:2px}.site-navigation{border:1px solid var(--line);background:color-mix(in srgb, var(--ink) 3%, var(--page));box-shadow:0 3px 0 color-mix(in srgb, var(--ink) 4%, transparent);border-radius:36px;align-items:center;gap:6px;padding:6px;display:flex}.nav-link{white-space:nowrap;border-radius:28px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:10px 17px;font-size:13px;font-weight:500;display:inline-flex}.nav-link>.decorative-icon{flex-shrink:0;width:16px;height:16px}.nav-approach{color:var(--muted)}.nav-approach:hover,.nav-approach[aria-current]{color:var(--ink);background:color-mix(in srgb, var(--ink) 7%, var(--page))}.nav-link[aria-current]>span:first-of-type{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.nav-catalog{background:var(--lime);color:#263b2d}.nav-catalog:hover{background:#e1ff93}.nav-arrow{width:25px;height:25px;color:var(--lime);background:#263b2d;border-radius:50%;place-items:center;margin-left:4px;display:grid}.nav-arrow .decorative-icon{width:12px;height:12px;transition:transform .18s}.nav-catalog:hover .nav-arrow .decorative-icon{transform:translate(1px,-1px)}.nav-link:focus-visible{outline-offset:2px}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-block:29px;display:flex}.site-footer .brand{font-size:19px}.site-footer .brand-mark{width:27px;height:29px;font-size:22px}.site-footer p,.site-footer>a{color:var(--muted);font-size:10px}@media (width<=1000px){.wrap{width:calc(100% - 56px)}.site-header{gap:14px}.nav-link{gap:8px;padding-inline:13px}}@media (width<=760px){.wrap{width:calc(100% - 40px)}.site-header{grid-template-columns:1fr auto;gap:18px 12px;padding-block:18px}.site-header>.theme-control{grid-area:1/2}.site-navigation{grid-area:2/1/auto/-1;grid-template-columns:1fr 1.4fr;display:grid}.nav-link{padding-inline:10px;font-size:12px}.brand{font-size:22px}.nav-arrow{width:22px;height:22px;margin-left:0}.site-footer{flex-wrap:wrap}.site-footer p{order:3;width:100%}}@media (width<=420px){.nav-arrow{display:none}.nav-link{gap:7px;font-size:11px}.nav-link>.decorative-icon{width:14px;height:14px}}@media (width<=360px){.wrap{width:calc(100% - 28px)}.brand{font-size:19px}.brand-mark{margin-right:6px}}[data-theme=dark] .brand-dot{color:#c5e986}[data-theme=dark] .brand-mark{background:#314b36}.pattern-catalog{padding-bottom:64px}.catalog-heading{justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:30px;display:flex}.catalog-heading h2{letter-spacing:-1.6px;margin-top:16px;font-size:clamp(32px,3.6vw,48px);font-weight:500;line-height:1.12}.catalog-heading>p{max-width:340px;color:var(--muted);font-size:14px;line-height:1.8}.catalog-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.catalog-category{text-align:left;border:1px solid var(--line);background:0 0;border-radius:12px;flex-direction:column;padding:24px;transition:border-color .15s,background .15s;display:flex}.catalog-category:hover{border-color:var(--muted);background:color-mix(in srgb, var(--ink) 3%, var(--page))}.catalog-category[aria-pressed=true]{background:color-mix(in srgb, var(--ink) 6%, var(--page));border-color:var(--ink);box-shadow:inset 0 -3px 0 var(--ink)}.catalog-category-top{justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:18px;display:flex}.category-illustration{width:100px;height:64px}.category-fill{fill:color-mix(in srgb, #829c6a 28%, var(--page))}.catalog-category-marker{border:1px solid var(--line);border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;display:grid}.catalog-category[aria-pressed=true] .catalog-category-marker{background:var(--ink);color:var(--page)}.catalog-category-name{letter-spacing:1px;text-transform:uppercase;margin-bottom:9px;font-size:11px;font-weight:600}.catalog-category>strong{letter-spacing:-.6px;font-size:23px;font-weight:500}.catalog-category-question{color:var(--muted);margin:10px 0 22px;font-size:13px;line-height:1.6}.catalog-availability{color:var(--muted);margin-top:auto;font-size:11px}.catalog-category[aria-pressed=true] .catalog-availability{color:var(--ink)}.catalog-results{margin-top:32px}.catalog-result-heading{justify-content:space-between;align-items:center;gap:28px;margin-bottom:22px;display:flex}.catalog-result-heading h3{max-width:650px;margin-top:8px;font-size:20px;font-weight:500;line-height:1.5}.catalog-result-count{max-width:210px;color:var(--muted);flex-shrink:0;font-size:12px;line-height:1.6}.catalog-lessons{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.catalog-lesson{border:1px solid var(--line);border-radius:12px;flex-direction:column;min-width:0;padding:28px;display:flex}.catalog-lesson-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.catalog-lesson-top h4{margin:0;font-size:14px;font-weight:600}.catalog-lesson-sketch{color:var(--muted);white-space:nowrap;font:13px ui-monospace,monospace}.catalog-lesson-question{letter-spacing:-.4px;font:italic 27px/1.25 Georgia,serif}.catalog-lesson-description{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.75}.catalog-lesson-example{color:var(--muted);margin:22px 0;font-size:11px}.catalog-lesson-links{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:20px;margin-top:auto;padding-top:18px;display:flex}.catalog-learn{background:var(--ink);color:var(--page);border:0;border-radius:5px;justify-content:space-between;align-items:center;gap:24px;padding:12px 15px;font-size:13px;font-weight:600;line-height:1.5;display:inline-flex}.catalog-learn:hover{background:color-mix(in srgb, var(--ink) 85%, var(--page))}.catalog-reference{text-underline-offset:4px;padding:12px 0;font-size:12px;text-decoration:underline}.catalog-concept{border:1px solid var(--line);background:color-mix(in srgb, var(--ink) 3%, var(--page));border-radius:12px;grid-template-columns:1.4fr 1fr;gap:36px;padding:30px;display:grid}.catalog-concept-example{margin-top:12px;font-size:17px;line-height:1.8}.catalog-concept ul{flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none;display:flex}.catalog-concept li{border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:7px 11px;font-size:11px}.catalog-concept aside{border-left:1px solid var(--line);padding-left:30px}.catalog-concept h4{margin:0 0 12px;font-size:18px;font-weight:500}.catalog-concept aside p{color:var(--muted);margin-bottom:20px;font-size:13px;line-height:1.75}.catalog-note{text-align:center;color:var(--muted);margin-top:26px;font-size:12px;line-height:1.7}[data-theme=dark] .catalog-learn{background:var(--lime);color:#263b2d}[data-theme=dark] .catalog-learn:hover{background:#e1ff93}@media (width<=850px){.catalog-heading{flex-direction:column;align-items:flex-start;gap:18px}.catalog-heading>p{max-width:520px}.catalog-category{padding:18px}.catalog-category>strong{font-size:20px}.catalog-lesson{padding:22px}}@media (width<=600px){.pattern-catalog{padding-bottom:40px}.catalog-categories{grid-template-columns:1fr;gap:10px}.catalog-category{grid-template-columns:1fr auto;gap:0 10px;padding:18px 20px;display:grid}.catalog-category-top{grid-area:1/2/5;align-items:center;width:auto;margin:0}.category-illustration{width:65px;height:48px}.catalog-category-marker{display:none}.catalog-category-name{margin-bottom:6px;font-size:10px}.catalog-category-question{display:none}.catalog-availability{margin-top:10px;font-size:10px}.catalog-category[aria-pressed=true]{box-shadow:inset 3px 0 0 var(--ink)}.catalog-result-heading{flex-direction:column;align-items:flex-start;gap:12px}.catalog-result-count{max-width:none}.catalog-lessons,.catalog-concept{grid-template-columns:1fr}.catalog-concept{gap:24px;padding:22px}.catalog-concept aside{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:62px;padding-block:76px 68px;display:grid}.eyebrow{letter-spacing:1.7px;font-size:10px;font-weight:700;line-height:1.6}.small-star{vertical-align:middle;margin-right:8px;font-size:23px}.hero h1{letter-spacing:-3px;margin-top:23px;font-size:clamp(42px,4.55vw,68px);font-weight:500;line-height:1.065}.hero h1 .serif{white-space:nowrap}.hero-description{color:var(--muted);max-width:450px;margin-top:25px;font-size:16px;line-height:1.8}.hero-actions{align-items:center;gap:25px;margin-top:30px;font-size:13px;display:flex}.button{border-radius:5px;justify-content:space-between;align-items:center;gap:28px;padding:17px 20px;font-weight:600;transition:transform .2s;display:inline-flex}.primary{background:var(--ink);color:#f8f9ef}.primary:hover{background:#3f5734;transform:translateY(-2px)}.text-link{border-bottom:1px solid #abb79d;padding-block:13px}.text-link span{margin-left:10px}.hero-note{color:var(--muted);align-items:center;gap:12px;margin-top:35px;font-size:11px;display:flex}.note-line{background:#8e9a7d;width:30px;height:1px}.hero-note strong{color:var(--ink);font-weight:500}.lab-window{background:#fcfcf5;border:1px solid #c4cbb9;border-radius:12px;overflow:hidden;transform:rotate(1deg);box-shadow:12px 14px #e9ecdf}.window-bar{border-bottom:1px solid var(--line);letter-spacing:1.4px;justify-content:space-between;padding:15px 20px;font:9px ui-monospace,monospace;display:flex}.window-bar i{background:#729254;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.stage-switch{gap:7px;padding:14px 17px;display:flex}.stage-switch button{text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;flex:1;padding:8px 12px;font-size:11px}.stage-switch button[aria-pressed=true]{background:var(--lime);border-color:#bfd75f}.stage-switch button span{float:right}.diagram{isolation:isolate;text-align:center;min-height:213px;padding:12px 24px 20px;position:relative}.diagram-grid{z-index:-1;opacity:.7;background-image:radial-gradient(#c9d0bd 1px,#0000 1px);background-size:14px 14px;position:absolute;inset:0}.diagram-caption{color:var(--muted);margin-bottom:21px;font-size:11px}.planner{background:#fffef7;border:1px solid #9aa78b;border-radius:5px;width:150px;margin:auto;padding:12px;font-size:12px;box-shadow:0 3px #e5e8da}.planner span{padding-left:9px}.connector{border-left:1px solid #8c9f75;width:1px;height:22px;margin:auto}.algorithm-options{gap:8px;display:flex;position:relative}.algorithm-options span{background:#eef0e6;border:1px solid #bac6a6;border-radius:4px;flex:1;padding:10px 4px;font:10px ui-monospace,monospace}.diagram[data-stage=pattern] .algorithm-options span{background:#e0efb9;border-color:#9ba96a}.diagram-stamp{color:#627153;background:#f7f6ed;margin-top:10px;padding:5px 8px;font:9px ui-monospace,monospace;display:inline-block}.code-preview{color:#e1edc9;background:#263b2d;padding:17px 20px 16px}.code-toolbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.code-toolbar>span{letter-spacing:1px;color:#afbea2;font:8px ui-monospace,monospace}.code-toolbar button{color:#d4dfc6;background:0 0;border:1px solid #0000;border-radius:4px;min-height:30px;padding:6px 8px;font-size:9px}.code-toolbar button[aria-pressed=true]{color:var(--lime);background:#3a4e36;border-color:#738466}pre{color:#d4f397;white-space:pre-wrap;overflow-wrap:anywhere;min-height:96px;margin:12px 0;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.code-preview p{color:#c0cbb3;min-height:32px;font-size:10px;line-height:1.6}.window-foot{color:var(--muted);justify-content:space-between;padding:12px 20px;font-size:9px;display:flex}.window-foot span{font-size:15px}.principles{border-block:1px solid var(--line);letter-spacing:1px;justify-content:space-between;gap:16px;padding-block:21px;font-size:10px;display:flex}.principles>span:last-child{letter-spacing:0;color:var(--muted);align-items:center;gap:18px;display:flex}.principles i{background:#91a17d;border-radius:50%;width:3px;height:3px}.approach{padding-block:76px}.section-heading h2{letter-spacing:-1.5px;margin-top:15px;font-size:41px;font-weight:500}.section-heading>p:last-child{color:var(--muted);margin-top:17px;font-size:14px;line-height:1.7}.step-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:36px;display:grid}.step{border-top:1px solid #bac4ae;padding-top:23px}.step-top{justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.step-number{color:var(--muted);font:11px ui-monospace,monospace}.step-symbol{white-space:nowrap;background:#e8edda;border-radius:50%;place-items:center;width:38px;height:38px;font-family:monospace;font-size:22px;display:grid}.step h3{letter-spacing:-.5px;font-size:21px;font-weight:500}.step p{color:var(--muted);max-width:330px;margin-top:13px;font-size:13px;line-height:1.85}.fast-path{stroke-dasharray:460;stroke-dashoffset:0;animation:1.2s ease-out both draw}@keyframes draw{0%{stroke-dashoffset:460px}to{stroke-dashoffset:0}}@media (width>=1500px){.hero h1{font-size:68px}}@media (width<=1000px){.hero{gap:35px;padding-block:55px}.hero h1{font-size:47px}.hero h1 .serif{white-space:normal}.hero-actions{gap:15px}.principles{flex-wrap:wrap}.code-toolbar>span{font-size:7px}}@media (width<=760px){.hero{grid-template-columns:1fr;gap:42px;padding-block:43px}.hero h1{letter-spacing:-2px;font-size:clamp(41px,8.5vw,62px)}.hero h1 .serif{white-space:normal}.hero-description{max-width:430px;font-size:14px}.hero-note{margin-top:24px}.hero-actions{flex-wrap:wrap}.lab-window{justify-self:center;width:100%;max-width:530px;transform:none;box-shadow:6px 7px #e9ecdf}.principles{gap:12px;font-size:9px}.principles>span:last-child{flex-wrap:wrap;gap:10px}.approach{padding-block:50px}.section-heading h2{font-size:34px}.step-grid{grid-template-columns:1fr;gap:26px;margin-top:30px}.step-top{margin-bottom:12px}.step p{max-width:none}.desktop-break{display:none}.code-toolbar>span{font-size:8px}}@media (width<=360px){.hero h1{font-size:40px}.algorithm-options{gap:4px}.algorithm-options span{font-size:9px}.code-toolbar>span{font-size:7px}}[data-theme=dark] .primary{color:#263b2d;background:#d4f76b}[data-theme=dark] .primary:hover{background:#e1ff93}[data-theme=dark] .lab-window{background:#223127;border-color:#596b50;box-shadow:8px 10px #101c15}[data-theme=dark] .stage-switch button[aria-pressed=true]{color:#263b2d}[data-theme=dark] .diagram-grid{background-image:radial-gradient(#526448 1px,#0000 1px)}[data-theme=dark] .planner{background:#2b3d2e;border-color:#829176;box-shadow:0 3px #18261c}[data-theme=dark] .algorithm-options span{background:#2e4030;border-color:#738664}[data-theme=dark] .diagram[data-stage=pattern] .algorithm-options span{background:#405333;border-color:#a1bb77}[data-theme=dark] .diagram-stamp{color:#c3d5af;background:#223127}[data-theme=dark] .code-preview{background:#102017}[data-theme=dark] .step{border-color:#596b50}[data-theme=dark] .step-symbol{background:#31452f}.stage-switch button:hover{border-color:#829176}.code-toolbar button:hover{border-color:#a1bb77}.strategy-demo-controls{border-bottom:1px solid var(--line);align-items:center;gap:28px;margin:24px 32px 0;padding-bottom:24px;display:flex}.strategy-demo-controls fieldset{border:0;min-width:0;margin:0;padding:0}.strategy-demo-controls legend{margin-bottom:10px;font-size:12px;font-weight:600}.strategy-demo-controls fieldset>div{gap:8px;display:flex}.strategy-demo-controls button{border:1px solid var(--line);background:var(--page);border-radius:8px;min-height:42px;padding:10px 16px;font-size:13px}.strategy-demo-controls button[aria-pressed=true]{border-color:var(--demo-accent);color:var(--demo-accent);background:color-mix(in srgb, var(--demo-accent) 9%, var(--page))}.strategy-demo-controls>p{color:var(--muted);font-size:12px}.strategy-demo-controls strong{color:var(--ink);font-weight:500}.strategy-demo-scene{grid-template-columns:minmax(200px,1fr) 50px minmax(210px,1fr) 70px minmax(230px,1.1fr);align-items:center;padding:28px 32px;display:grid}.strategy-demo-node{background:var(--page);border:1px solid var(--line);border-radius:14px;min-width:0;padding:20px}.strategy-demo-node.is-active{border-color:var(--demo-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--demo-accent) 12%, transparent)}.strategy-demo-node .eyebrow{font-size:9px}.strategy-demo-node h3{margin-top:10px;font-size:18px}.strategy-demo .story-numbers{gap:5px;margin:16px 0}.strategy-demo .story-numbers span{min-width:28px;height:32px;font-size:14px}.strategy-demo-caller label{margin-bottom:5px;font-size:11px;display:block}.strategy-demo-caller{--select-height:38px;--select-radius:6px;--select-font-size:12px}.strategy-demo-run{background:var(--lime);color:#263b2d;border:0;border-radius:7px;width:100%;min-height:44px;margin-top:10px;padding:12px 8px;font-size:12px;font-weight:600}.strategy-demo button:disabled{opacity:.7;cursor:wait}.strategy-demo-context{text-align:center;padding:24px 14px}.strategy-demo-context h3{font-size:27px}.strategy-demo-stable{color:var(--demo-accent);margin-top:8px;font-size:10px;display:block}.strategy-demo-context code{overflow-wrap:anywhere;margin:22px 0 14px;font-size:12px;display:block}.strategy-demo-context>p:last-child{color:var(--muted);font-size:12px}.strategy-demo-connections{min-width:0;height:40px}.strategy-demo-connections.is-branch{height:280px}.strategy-demo-wires{width:100%;height:100%;overflow:visible}.strategy-demo-wires path{fill:none;stroke:var(--line);stroke-width:1.5px;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}.strategy-demo-wires path.is-selected{stroke:var(--demo-accent);stroke-dasharray:none}.strategy-demo-wires.is-mobile{display:none}.strategy-demo-signal{fill:var(--demo-accent);stroke:var(--page);stroke-width:2px}.strategy-demo-options{grid-template-rows:repeat(2,134px);gap:12px;min-width:0;display:grid}.strategy-demo-option{border-style:dashed;padding:16px}.strategy-demo-option.is-selected{border-style:solid;border-color:var(--demo-accent)}.strategy-demo-option-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.strategy-demo-option-top h3{margin:0;font-size:15px}.strategy-demo-option-top span{color:var(--muted);font-size:9px}.strategy-demo-option.is-selected .strategy-demo-option-top span{color:var(--demo-accent)}.strategy-demo-option>p{color:var(--muted);margin:9px 0;font-size:12px;line-height:1.5}.strategy-demo-option>code{font-size:11px}.strategy-demo-result{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:22px 32px;display:flex}.strategy-demo-result .eyebrow{font-size:9px}.strategy-demo-result h3{margin-top:8px;font-size:16px}.strategy-demo-result p:not(.eyebrow){color:var(--muted);margin-top:6px;font-size:12px}.strategy-demo-output{min-width:200px}.strategy-demo-output .story-numbers{margin:0}.strategy-demo-output .story-numbers span{color:var(--demo-accent);border-color:var(--demo-accent)}@media (width<=1050px){.strategy-demo-scene{grid-template-columns:minmax(0,1fr);max-width:600px;margin-inline:auto}.strategy-demo-connections,.strategy-demo-connections.is-branch{height:44px}.strategy-demo-connections.is-request{justify-self:center;width:40px}.strategy-demo-wires.is-desktop{display:none}.strategy-demo-wires.is-mobile{display:block}.strategy-demo-options{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.strategy-demo-option{min-height:134px}.strategy-demo-option-top{flex-direction:column;align-items:flex-start;gap:4px}.strategy-demo-context code{margin:12px 0}}@media (width<=600px){.strategy-demo-controls{flex-direction:column;align-items:flex-start;gap:14px;margin:20px 20px 0}.strategy-demo-scene{padding:24px 20px}.strategy-demo-node{padding:16px}.strategy-demo-option{padding:12px}.strategy-demo-option h3{font-size:14px}.strategy-demo-result{flex-direction:column;align-items:flex-start;gap:14px;padding:20px}.strategy-demo-output{min-width:0;min-height:32px}}.strategy-page{padding-block:35px 64px}.lesson-back{color:var(--muted);font-size:12px}.lesson-heading{margin-top:38px}.lesson-heading h1{letter-spacing:-2px;margin:15px 0;font-size:clamp(36px,4.4vw,60px);font-weight:500}.lesson-heading>p:last-child{color:var(--muted);line-height:1.7}.lesson-progress{border-block:1px solid var(--line);justify-content:space-between;gap:18px;margin:32px 0;padding:20px 0;font-size:12px;display:flex}.lesson-progress span{color:var(--muted)}.baseline-grid{grid-template-columns:1fr 1.1fr;gap:55px;display:grid}.baseline-explanation h2{letter-spacing:-1px;margin:15px 0 20px;font-size:32px;font-weight:500;line-height:1.15}.baseline-explanation>p:not(.eyebrow){color:var(--muted);margin-bottom:16px;font-size:14px;line-height:1.8}.baseline-actions{gap:12px;margin:25px 0;display:flex}.lesson-run,.lesson-reset{border:1px solid var(--ink);border-radius:5px;padding:14px 18px;font-size:12px}.lesson-run{background:var(--ink);color:var(--page)}.lesson-run:hover{filter:brightness(1.15)}.lesson-run span{margin-left:16px}.lesson-reset{color:var(--ink);background:0 0}.lesson-reset:hover{background:var(--line)}.baseline-result{background:#e9eddc;border-left:3px solid #729254;min-height:115px;padding:12px 18px;font-size:13px;line-height:1.75}.baseline-result>strong{text-transform:capitalize;font-size:20px}.baseline-result p+p{margin-top:8px}.baseline-takeaway{margin-top:25px}.baseline-takeaway h3{font-size:16px;font-weight:600}.baseline-takeaway p{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.8}.baseline-visual{border:1px solid var(--line);background:#fcfcf5;border-radius:10px;align-self:start;overflow:hidden}.baseline-map-heading{justify-content:space-between;align-items:center;gap:10px;padding:20px;display:flex}.baseline-map-heading h2{font-size:16px;font-weight:500}.baseline-map-heading span{letter-spacing:1px;color:var(--muted);font:8px monospace}.baseline-code{color:#e1e9d6;background:#203528;border-radius:10px;margin-top:40px;padding:26px}.baseline-code-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.baseline-code h2{font-size:20px;font-weight:500}.baseline-code button{color:#e1e9d6;background:0 0;border:1px solid #819574;border-radius:5px;margin-left:6px;padding:8px 12px;font-size:12px}.baseline-code button[aria-pressed=true]{color:#263b2d;background:#d4f76b;border-color:#d4f76b}.baseline-code>p{color:#c1cfb3;margin-top:16px;font-size:13px;line-height:1.7}.baseline-code pre{white-space:pre;color:#e1e9d6;max-width:100%;min-height:0;margin:12px 0;padding:18px 0;font:12px/1.7 ui-monospace,monospace;overflow:auto}.baseline-types{color:#b4c7a3}.baseline-highlight{color:#e1ffa2;background:#334e2c;border-left:3px solid #d4f76b;padding-left:10px;display:inline-block}.baseline-code .baseline-source-note{font-size:11px}.baseline-end{border-top:1px solid var(--line);max-width:750px;margin-top:36px;padding-top:28px}.baseline-end h2{margin:12px 0;font-size:25px;font-weight:500}.baseline-end>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8}.baseline-end a{border-bottom:1px solid var(--muted);margin-top:22px;padding-bottom:8px;font-size:13px;display:inline-block}[data-theme=dark] .baseline-visual{background:#223127}[data-theme=dark] .baseline-result{background:#293d28}[data-theme=dark] .baseline-code{background:#102017}[data-theme=dark] .lesson-run{color:#263b2d;background:#d4f76b}@media (width<=760px){.baseline-grid{grid-template-columns:1fr;gap:28px}.lesson-progress{flex-direction:column;gap:8px}.baseline-code{min-width:0;padding:20px}.baseline-code-header{flex-direction:column;align-items:flex-start}.baseline-code button{margin:0 6px 0 0}.baseline-map-heading{padding:16px}.baseline-map-heading h2{font-size:14px}.baseline-actions{flex-wrap:wrap}.lesson-heading h1{letter-spacing:-1px}.strategy-page{padding-top:25px}}.sort-original,.sort-array,.sort-legend,.sort-motion-note,.sort-counts{color:var(--muted);padding:0 22px;font-size:12px;line-height:1.7}.sort-bars{height:215px;margin:22px 18px 10px;position:relative;overflow:hidden}.sort-slot{flex-direction:column;align-items:center;padding:0 3px;transition:transform .35s ease-in-out;display:flex;position:absolute;bottom:0;left:0}.sort-bar{background:#a5bd82;border:2px solid #0000;border-radius:5px 5px 0 0;width:80%}.sort-value{margin-bottom:7px;font:600 16px ui-monospace,monospace}.sort-position{min-height:24px;padding-top:6px;font-size:8px}.sort-active .sort-bar{background:#d4f76b;border-color:#355127}.sort-active .sort-value{text-decoration:underline}.sort-settled .sort-bar{background:#74945c}.sort-array{color:var(--ink);overflow-wrap:anywhere;font-family:monospace}.sort-controls{flex-wrap:wrap;gap:8px;padding:20px 20px 12px;display:flex}.sort-controls button{padding:10px 12px}.sort-controls button:disabled{opacity:.45;cursor:default}.sort-motion-note{font-size:11px}.sort-event{background:#e9eddc;border-left:3px solid #729254;min-height:100px;margin:18px 20px 12px;padding:16px;font-size:13px;line-height:1.7}.sort-event strong{text-transform:uppercase;letter-spacing:.5px;font-size:11px}.sort-counts{padding-bottom:20px}.baseline-explanation form{margin-top:25px}.baseline-explanation label{font-size:12px;font-weight:600}.sort-input-row{gap:8px;margin-top:10px;display:flex}.sort-input-row input{border:1px solid var(--muted);background:var(--page);width:100%;min-width:0;color:var(--ink);border-radius:5px;padding:12px;font:14px monospace}.sort-input-row input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}#input-help,#input-error{margin-top:8px;font-size:11px;line-height:1.6}#input-help{color:var(--muted)}#input-error{color:#a02f25}.sort-presets{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.sort-presets button{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:20px;padding:6px 12px;font-size:11px}.sort-presets button:hover{border-color:var(--ink)}.sort-code{max-height:480px;position:relative}.sort-code code>span{border-left:3px solid #0000;width:max-content;min-width:100%;padding:0 10px;display:block}.sort-code .sort-code-active{color:#e1ffa2;background:#334e2c;border-left-color:#d4f76b}.baseline-code details{margin-top:15px;font-size:12px}.baseline-code summary{padding:10px 0}.baseline-code details pre{max-height:300px}.baseline-grid>*{min-width:0}[data-theme=dark] .sort-event{background:#293d28}[data-theme=dark] .sort-active .sort-bar{border-color:#edf1e4}[data-theme=dark] #input-error{color:#ffb2a8}@media (prefers-reduced-motion:reduce){.sort-slot{transition:none}}@media (width<=400px){.sort-slot{padding:0 1px}.sort-value{font-size:12px}.sort-position{font-size:7px}.sort-controls{padding-inline:14px}}.sort-presets button[aria-pressed=true]{outline-offset:2px;outline:2px solid}.sort-partition{padding:0 22px;font-size:.85rem;line-height:1.5}.story-code{color:#e1e9d6;white-space:pre;background:#203528;border-radius:10px;max-width:100%;max-height:420px;padding:20px;font:12px/1.7 ui-monospace,monospace;overflow:auto}.story-page{max-width:1200px}.story-header{justify-content:space-between;align-items:flex-end;gap:24px;margin:42px 0 32px;display:flex}.story-header h1{letter-spacing:-2px;margin:14px 0 18px;font-size:clamp(38px,4.4vw,60px);font-weight:500;line-height:1.06}.story-header>div>p:last-child{max-width:52ch;color:var(--muted);line-height:1.6}.story-choices{border:1px solid var(--line);border-radius:10px;gap:4px;padding:4px;display:flex}.story-choices button{color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:10px 14px;font-size:12px}.story-choices button[aria-pressed=true]{background:var(--ink);color:var(--page)}.story-chapters{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:42px;padding:20px 0;display:grid}.story-chapters button{text-align:left;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:10px 4px;font-size:13px;display:flex}.story-chapters button>span{border:1px solid var(--line);border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:11px;display:grid}.story-chapters [aria-current=step]{color:var(--ink);font-weight:600}.story-chapters [aria-current=step]>span{background:var(--ink);color:var(--page);border-color:var(--ink)}.story-layout{grid-template-columns:1fr 1fr;align-items:start;gap:56px;display:grid}.story-layout>*{min-width:0}.story-narrative{padding-top:14px}.story-narrative h2{letter-spacing:-1px;margin:16px 0 24px;scroll-margin-top:24px;font-size:clamp(28px,3.2vw,40px);font-weight:500;line-height:1.14}.story-lead{max-width:48ch;font-size:16px;line-height:1.8}.story-prompt{color:var(--muted);align-items:start;gap:12px;margin:22px 0 30px;font-size:14px;line-height:1.65;display:flex}.story-prompt>span{color:var(--ink);font-size:22px}.story-takeaway{border-left:3px solid #829c6a;padding:6px 0 6px 20px}.story-takeaway h3{margin-bottom:10px;font-size:17px;line-height:1.5}.story-takeaway p{color:var(--muted);font-size:14px;line-height:1.75}.story-next{margin-top:32px}.story-text-button{border:0;border-bottom:1px solid var(--ink);color:var(--ink);text-align:left;cursor:pointer;background:0 0;padding:8px 0;font-size:14px;font-weight:600}.story-text-button span{margin-left:10px}.story-next p{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.6}.story-experiment{border:1px solid var(--line);background:#fcfcf5;border-radius:18px;overflow:hidden}.story-experiment-head{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:20px 24px;display:flex}.story-experiment-head h2{font-size:14px;font-weight:600}.story-experiment-head>span:last-child{letter-spacing:.8px;color:var(--muted);margin-left:auto;font:9px monospace}.story-live-dot{background:#829c6a;border-radius:50%;width:7px;height:7px}.story-experiment-body{padding:24px}.story-label{letter-spacing:1px;color:var(--muted);margin-bottom:12px;font:10px monospace}.story-numbers{flex-wrap:wrap;gap:7px;display:flex}.story-numbers span{border:1px solid var(--line);border-radius:6px;place-items:center;min-width:36px;height:38px;padding:0 8px;font:16px monospace;display:grid}.story-input{color:var(--muted);margin:14px 0 24px;font-size:12px}.story-input summary{cursor:pointer;padding:4px 0}.story-input form{margin:16px 0 0}.story-algorithm{margin-top:24px}.story-single{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:14px;display:flex}.story-single span{color:var(--muted);font-size:12px}.story-choices button{flex:1}.story-context{color:var(--muted);margin:14px 0;font-size:12px}.story-run{background:var(--ink);width:100%;color:var(--page);cursor:pointer;border:0;border-radius:8px;justify-content:space-between;padding:14px 16px;font-size:14px;display:flex}.story-result{border-top:1px dashed var(--line);min-height:125px;margin-top:24px;padding-top:20px}.story-result>p:last-child{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.6}.story-result.is-done .story-numbers span{color:#263b2d;background:#e9eddc;border-color:#c2ccae}.story-proof{margin-top:16px;font-size:12px;line-height:1.65}.story-trace{border-top:1px solid var(--line);padding:16px 24px}.story-trace>summary{cursor:pointer;color:var(--muted);font-size:12px}.story-trace>p{margin-top:16px;font-size:12px;line-height:1.65}.story-trace .baseline-code{margin-top:20px;padding:16px}.story-trace .baseline-code-header{flex-direction:column;align-items:start}.story-trace .baseline-code-header h2{font-size:16px}.story-trace .sort-controls{padding-inline:0}.story-trace .sort-event{margin-inline:0}.story-trace .sort-counts{padding-inline:0}.story-design{border-top:1px solid var(--line);min-width:0;margin-top:48px;padding-top:32px}.story-design>h2,.story-use h2{letter-spacing:-.5px;margin:12px 0 22px;font-size:25px;font-weight:500}.story-design>p:not(.eyebrow){max-width:80ch;color:var(--muted);margin:20px 0;font-size:14px;line-height:1.75}.story-diagram{align-items:stretch;gap:16px;margin:24px 0;display:flex}.story-diagram>div{border:1px solid var(--line);border-radius:12px;flex-direction:column;flex:1;gap:10px;min-width:0;padding:20px;display:flex}.story-diagram>span{color:var(--muted);align-self:center}.story-diagram small{letter-spacing:1px;color:var(--muted);font:9px monospace}.story-diagram strong{font-size:17px}.story-diagram div>span{color:var(--muted);font-size:12px;line-height:1.5}.story-diagram .story-stable{border:2px solid #829c6a}.story-code-pair{grid-template-columns:1fr 1fr;gap:20px;display:grid}.story-code-pair>div{min-width:0}.story-design h3{margin:16px 0 10px;font-size:14px}.story-source{border:1px solid var(--line);border-radius:10px;margin-top:26px;padding:20px}.story-source summary{cursor:pointer;font-size:14px}.story-source p{margin-top:16px;font-size:13px;line-height:1.7}.story-glossary{gap:16px;margin-top:22px;display:grid}.story-glossary dt{font-size:14px;font-weight:600}.story-glossary dd{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.7}.story-impact{border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;padding:22px;display:grid}.story-impact p{font-size:14px;line-height:1.75}.story-impact>p{color:var(--muted);grid-column:1/-1}.story-use{color:#263b2d;background:#e9eddc;border-radius:14px;margin-top:36px;padding:28px}.story-use>div{grid-template-columns:1fr 1fr;gap:28px;display:grid}.story-use p{font-size:14px;line-height:1.8}.story-use>p{margin-top:20px}[data-theme=dark] .story-experiment{background:#223127}[data-theme=dark] .story-run{color:#263b2d;background:#d4f76b}[data-theme=dark] .story-use{color:var(--ink);background:#293d28}@media (width<=800px){.story-header{flex-direction:column;align-items:start}.story-layout{grid-template-columns:1fr;gap:28px}.story-narrative{padding-top:0}.story-chapters{gap:6px;margin-bottom:24px}.story-chapters button{flex-direction:column;align-items:start;gap:8px;font-size:11px;line-height:1.4}.story-code-pair,.story-use>div,.story-impact{grid-template-columns:1fr}.story-diagram{flex-direction:column;gap:8px}.story-diagram>span{transform:rotate(90deg)}.story-header h1{letter-spacing:-1px}.story-experiment-body,.story-experiment-head{padding:20px}.story-trace{padding:16px}}.change-pressure{border:1px solid var(--line);border-radius:12px;margin-top:28px;padding:22px}.change-pressure h3{margin:12px 0;font-size:19px;line-height:1.4}.change-pressure p{font-size:13px;line-height:1.75}.change-pressure .eyebrow{font-size:9px}.pressure-request{background:var(--ink);color:var(--page);cursor:pointer;text-align:left;border:0;border-radius:7px;margin:16px 0;padding:12px;font-size:13px}.change-pressure .pressure-code-label{letter-spacing:.6px;color:var(--muted);margin-bottom:8px;font:9px/1.6 monospace}.change-pressure .story-code{padding:12px;font-size:11px}.pressure-added{color:#eeffcd;background:#475a30;border-left:3px solid #d4f76b;width:max-content;min-width:100%;margin-bottom:8px;padding:5px 8px;display:block}.pressure-feedback{margin-top:12px}.pressure-costs{margin:18px 0;padding-left:18px;font-size:13px;line-height:1.75}.pressure-costs li+li{margin-top:12px}.pressure-bridge{border-top:1px solid var(--line);padding-top:16px}.change-pressure .pressure-note{color:var(--muted);margin-top:12px;font-size:11px}.transfer-check{border:1px solid var(--line);border-radius:14px;margin-top:32px;overflow:hidden}.transfer-check>summary{cursor:pointer;padding:24px 28px}.transfer-check>summary>span{margin:8px 0;display:block}.transfer-check>summary>span:last-child{font-size:24px;font-weight:500}.transfer-body{max-width:840px;padding:0 28px 28px}.transfer-body h2{font-size:28px;font-weight:500}.transfer-body p{margin:12px 0;line-height:1.65}.transfer-source{margin:24px 0}.transfer-source>summary{cursor:pointer;text-underline-offset:4px;text-decoration:underline}.transfer-body fieldset{border:0;border-top:1px solid var(--line);min-width:0;margin:28px 0 0;padding:24px 0}.transfer-body legend{padding:0 12px 0 0;font-size:18px;font-weight:600;line-height:1.5}.transfer-option{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:flex-start;gap:12px;margin:8px 0;padding:12px;line-height:1.5;display:flex}.transfer-option:has(input:checked){background:var(--page);border-color:var(--ink)}.transfer-option input{width:18px;height:18px;accent-color:var(--ink);flex:0 0 18px;margin:3px 0 0}.transfer-feedback{border-left:3px solid var(--ink);padding:8px 16px}.transfer-status{color:var(--muted);font-size:14px}.transfer-result{border-top:1px solid var(--line);margin-top:24px;padding-top:28px}.transfer-result h3{font-size:24px;font-weight:500}@media (width<=600px){.transfer-check>summary{padding:16px}.transfer-body{padding:0 16px 20px}}.transfer-option input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.not-found{min-height:65vh;padding-block:80px}.not-found h1{letter-spacing:-1px;margin-block:18px;font-size:clamp(34px,5vw,60px);font-weight:500}.not-found>p:not(.eyebrow){color:var(--muted);line-height:1.8}.not-found a{border-bottom:1px solid var(--muted);margin-top:28px;padding-bottom:8px;display:inline-block}