@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/geist-sans-latin-400-normal.gapTbOY8.woff2) format("woff2"),url(/_astro/geist-sans-latin-400-normal.BOaIZNA2.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/geist-sans-latin-500-normal.uokXdC-Q.woff2) format("woff2"),url(/_astro/geist-sans-latin-500-normal.CN2lyvyL.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/geist-sans-latin-600-normal.DFOURf8L.woff2) format("woff2"),url(/_astro/geist-sans-latin-600-normal.CA1yjETN.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/geist-mono-latin-400-normal.DTRLJnHl.woff2) format("woff2"),url(/_astro/geist-mono-latin-400-normal.B2yvC1Cq.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/geist-mono-latin-500-normal.YINYabwD.woff2) format("woff2"),url(/_astro/geist-mono-latin-500-normal.D-GG86Jb.woff) format("woff")}:root{--ground: #ffffff;--ground-2: #f5f7fa;--surface: #ffffff;--ink: #0e1116;--body: #1f2630;--text-2: #3d4552;--muted: #5b6472;--line: #e3e6eb;--line-strong: #d5dae1;--accent: #2846d8;--accent-deep: #1a2fa0;--accent-soft: #e8ecfc;--on-accent: #ffffff;--night: #0b0f17;--night-2: #111725;--night-3: #151b26;--night-line: #222a38;--night-ink: #f5f7fa;--night-muted: #9aa5b5;--night-accent: #8ea2ff;--night-border: #1f2633;--night-body: #b4bdca;--sans: "Geist Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--measure: 760px;--container: 1240px;--selection: #d6defb;--ok: #0f7b6c;--err: #b42318;--diagram-paper: #ffffff;--diagram-ink: #5b6472}[data-theme=dark]{--ground: #0b0f17;--ground-2: #0f1420;--surface: #111725;--ink: #f5f7fa;--body: #d9dee6;--text-2: #b4bdca;--muted: #9aa5b5;--line: #222a38;--line-strong: #2f3949;--accent: #8ea2ff;--accent-deep: #b3c0ff;--accent-soft: #1b2340;--on-accent: #0b0f17;--selection: #2a3766;--ok: #3fc1ac;--err: #f97066}[data-cluster=workflow-primitives]{--cl: #2846d8;--cl-tint: #e8ecfc;--cl-bright: #7d93ff}[data-cluster=infrastructure]{--cl: #0f7b6c;--cl-tint: #e2f3f0;--cl-bright: #3fc1ac}[data-cluster=context-content]{--cl: #9a5b00;--cl-tint: #fbf0dc;--cl-bright: #e3a13b}[data-cluster=non-functional]{--cl: #6d3fd1;--cl-tint: #efe9fb;--cl-bright: #a98bf0}[data-cluster=ux-products]{--cl: #b4325a;--cl-tint: #fbe8ee;--cl-bright: #f07a9c}[data-theme=dark] [data-cluster]{--cl: var(--cl-bright);--cl-tint: color-mix(in srgb, var(--cl-bright) 14%, #111725)}html{color-scheme:light;scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}[data-theme=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;overflow-x:hidden;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}::selection{background:var(--selection);color:var(--ink)}h1,h2,h3,h4,h5{font-family:var(--sans);color:var(--ink);font-weight:600;letter-spacing:-.02em;line-height:1.15}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-deep)}img{max-width:100%;height:auto}hr{border:0;border-top:1px solid var(--line);margin:3rem 0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.eyebrow,.label{display:block;font-family:var(--mono);font-size:.8125rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 .9rem}.label{font-size:.75rem;color:var(--muted);margin:0}.muted{color:var(--muted)}.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--ground);padding:.6rem 1rem;z-index:200}.skip:focus{left:.5rem;top:.5rem}.badge{display:inline-grid;place-items:center;height:28px;padding:0 10px;border-radius:6px;background:var(--cl-tint, var(--accent-soft));color:var(--cl, var(--accent));font-family:var(--mono);font-size:.8125rem;font-weight:500;white-space:nowrap}.site-header{position:sticky;top:0;z-index:100;background:var(--ground);border-bottom:1px solid var(--line);--h-ink: var(--ink);--h-link: var(--text-2);--h-field: var(--ground-2);--h-field-line: var(--line);--h-field-ink: var(--muted);--h-cta: var(--ink);--h-cta-ink: var(--ground)}.site-header.is-night{background:var(--night);border-bottom-color:var(--night-border);--h-ink: var(--night-ink);--h-link: #c9d1dd;--h-field: var(--night-3);--h-field-line: #2a3342;--h-field-ink: var(--night-muted);--h-cta: var(--night-ink);--h-cta-ink: var(--night)}.on-night{--accent: var(--night-accent);--accent-deep: #b3c0ff;--on-accent: var(--night)}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:1.0625rem;letter-spacing:-.01em;color:var(--h-ink)}.brand:hover{color:var(--h-ink)}.brand .mark{width:22px;height:22px;border-radius:5px;background:#2846d8;display:grid;place-items:center}.brand .mark:after{content:"";width:8px;height:8px;border-radius:2px;background:#fff}.brand .dot{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:4px;font-size:.9375rem}.nav-links a{color:var(--h-link);padding:12px 14px}.nav-links a:hover{color:var(--h-ink)}.nav-links a[aria-current=page]{color:var(--h-ink);font-weight:500;box-shadow:inset 0 -2px 0 var(--accent)}.nav-links .nav-cta{margin-left:8px;background:var(--h-cta);color:var(--h-cta-ink);font-weight:500;padding:12px 18px;border-radius:8px}.nav-links .nav-cta:hover{color:var(--h-cta-ink);opacity:.88}.search-btn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 12px 0 14px;margin-left:8px;background:var(--h-field);border:1px solid var(--h-field-line);border-radius:8px;color:var(--h-field-ink);font:inherit;font-size:.875rem;cursor:pointer}.search-btn:hover{border-color:var(--accent)}.search-btn kbd{font-family:var(--mono);font-size:.75rem;border:1px solid var(--h-field-line);border-radius:4px;padding:1px 6px}.theme-toggle{display:inline-grid;place-items:center;width:44px;height:44px;margin-left:4px;color:var(--h-field-ink);background:transparent;border:1px solid var(--h-field-line);border-radius:8px;cursor:pointer}.theme-toggle:hover{color:var(--h-ink);border-color:var(--accent)}.theme-toggle .ic-moon,[data-theme=dark] .theme-toggle .ic-sun{display:none}[data-theme=dark] .theme-toggle .ic-moon{display:inline}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:44px;height:44px;background:none;border:1px solid var(--h-field-line);border-radius:8px;cursor:pointer}.nav-toggle span{display:block;height:2px;width:18px;margin-inline:auto;background:var(--h-ink);transition:transform .2s,opacity .2s}.site-header[data-open=true] .nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-header[data-open=true] .nav-toggle span:nth-child(2){opacity:0}.site-header[data-open=true] .nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media(max-width:900px){.nav-toggle{display:flex}.nav-links{position:absolute;left:0;right:0;top:72px;flex-direction:column;align-items:stretch;background:var(--ground);border-bottom:1px solid var(--line);padding:.5rem 1rem 1rem;display:none}.site-header.is-night .nav-links{background:var(--night);border-bottom-color:var(--night-border)}.site-header[data-open=true] .nav-links{display:flex}.nav-links a{border-bottom:1px solid var(--h-field-line)}.nav-links a[aria-current=page]{box-shadow:none}.nav-links .nav-cta,.search-btn,.theme-toggle{margin:.75rem 0 0;text-align:center}}.search-dialog{width:min(720px,calc(100vw - 2rem));max-height:min(80vh,720px);margin:10vh auto auto;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink)}.search-dialog::backdrop{background:#0b0f1799}.search-dialog .sd-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 0 20px}.search-dialog .sd-close{width:44px;height:44px;border:0;background:none;color:var(--muted);font-size:1.4rem;cursor:pointer}.search-dialog #search{padding:8px 20px 20px;--pagefind-ui-scale: .9;--pagefind-ui-primary: var(--accent);--pagefind-ui-text: var(--ink);--pagefind-ui-background: var(--surface);--pagefind-ui-border: var(--line-strong);--pagefind-ui-tag: var(--ground-2);--pagefind-ui-border-width: 1px;--pagefind-ui-border-radius: 8px;--pagefind-ui-font: var(--sans)}.btn{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;font-family:var(--sans);font-weight:500;font-size:1rem;padding:0 22px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-deep);color:var(--on-accent)}.btn-ghost{background:transparent;border-color:var(--line-strong);color:var(--ink)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.page-hero{border-bottom:1px solid var(--line);padding-block:clamp(3rem,7vw,4.5rem) clamp(2.2rem,5vw,3rem)}.page-hero.is-sunk{background:var(--ground-2)}.page-hero h1{font-size:clamp(2.25rem,5.5vw,3.5rem);line-height:1.05;letter-spacing:-.035em;margin:0}.page-lead{font-size:clamp(1.0625rem,2vw,1.1875rem);line-height:1.55;color:var(--text-2);max-width:680px;margin:1.1rem 0 0}.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.875rem;color:var(--muted);margin:0 0 1.6rem}.site-footer{border-top:1px solid var(--line);background:var(--ground)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2.5rem;padding-block:3.5rem 2.5rem}.site-footer h4{font-family:var(--mono);font-size:.75rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .75rem}.site-footer ul{list-style:none;margin:0;padding:0;font-size:.9375rem}.site-footer li a{display:inline-block;padding:4px 0;color:var(--ink)}.site-footer li a:hover{color:var(--accent)}.footer-brand{font-weight:600;font-size:1.0625rem}.footer-brand .dot{color:var(--accent)}.footer-about{margin:.75rem 0 0;max-width:280px;font-size:.875rem;line-height:1.6;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);padding-block:1.25rem 2rem;font-size:.8125rem;color:var(--muted)}.cluster{padding-top:3.5rem}.cluster-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1.5rem;padding-bottom:1.25rem;border-bottom:2px solid var(--cl)}.cluster-head .ch-title{display:flex;align-items:baseline;gap:1rem}.cluster-num{font-family:var(--mono);font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cl)}.sw{width:8px;height:8px;border-radius:2px;background:var(--cl)}.cluster-head h2{font-size:clamp(1.4rem,3vw,1.75rem);margin:0}.cluster-head .blurb{max-width:520px;font-size:.9375rem;color:var(--muted);margin:0}.vol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:1rem;margin-top:1.25rem}.vol-card{display:flex;flex-direction:column;gap:14px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--ink);transition:border-color .15s}.vol-card:hover{border-color:var(--cl);color:var(--ink)}.vol-card .vc-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:.8125rem;color:var(--muted)}.vol-card h3{font-size:1.25rem;line-height:1.25;letter-spacing:-.015em;margin:0}.vol-card .vol-blurb{font-size:.9375rem;line-height:1.55;color:var(--text-2);margin:0;flex:1}.vol-card .vc-more{font-size:.875rem;font-weight:500;color:var(--cl)}.pattern-group{margin-bottom:3rem}.pg-head{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1rem;border-bottom:2px solid var(--cl);padding-bottom:.75rem}.pg-head h2{font-size:1.25rem;margin:0}.pg-head h2 a{color:var(--ink)}.pg-head h2 a:hover{color:var(--cl)}.pg-head .pg-count{margin-left:auto;font-family:var(--mono);font-size:.8125rem;color:var(--muted)}.pattern-row{display:grid;grid-template-columns:minmax(200px,.9fr) 2fr;gap:1.25rem;padding:1rem .5rem;border-bottom:1px solid var(--line);align-items:baseline;color:inherit}.pattern-row:hover{background:var(--ground-2);color:inherit}.pattern-row .p-name{font-weight:500;color:var(--ink)}.pattern-row:hover .p-name{color:var(--accent)}.pattern-row .p-intent{color:var(--text-2);font-size:.9375rem;line-height:1.55}@media(max-width:640px){.pattern-row{grid-template-columns:1fr;gap:.3rem}}.vol-hero{background:var(--ground-2);border-bottom:1px solid var(--line);padding-block:3rem 3.5rem}.vol-hero .vh-row{display:flex;flex-wrap:wrap;gap:1.5rem 3rem;align-items:flex-end;justify-content:space-between}.vol-hero .vh-title{flex:1 1 560px;min-width:0}.vol-hero h1{font-size:clamp(2.1rem,5vw,3.25rem);line-height:1.05;letter-spacing:-.035em;margin:1rem 0 0}.vol-hero .vsub{font-size:1.0625rem;color:var(--text-2);margin:.75rem 0 0}.vol-hero dl{display:flex;flex-wrap:wrap;gap:2rem;margin:0}.vol-hero dd{margin:4px 0 0;font-size:1.25rem;font-weight:600}.vol-body{display:flex;flex-wrap:wrap;gap:3.5rem;align-items:flex-start;padding-block:3.5rem 6.5rem}.toc{flex:1 1 240px;max-width:280px;min-width:0;position:sticky;top:96px;max-height:calc(100vh - 120px);overflow-y:auto;font-size:.875rem}.toc ul{list-style:none;margin:.75rem 0 0;padding:0;border-left:1px solid var(--line)}.toc li a{display:block;color:var(--body);padding:8px 0 8px 16px;margin-left:-1px;border-left:2px solid transparent;line-height:1.4}.toc li.toc-sub a{padding-left:30px;color:var(--muted)}.toc li a:hover{color:var(--ink)}.toc li a.is-active{color:var(--accent);border-left-color:var(--accent);font-weight:600}.toc-toggle{display:none}.prose{flex:999 1 560px;min-width:0;max-width:var(--measure);font-size:1.125rem;line-height:1.7;color:var(--body)}.prose h2{font-size:clamp(1.5rem,3vw,1.875rem);margin:4rem 0 1.25rem;color:var(--ink)}.prose h2:first-child{margin-top:0}.prose h3{font-size:1.5rem;margin:2.5rem 0 .5rem;scroll-margin-top:96px}.prose h4{font-family:var(--mono);font-size:.75rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:2.25rem 0 .6rem}.prose p{margin:0 0 1.25rem}.prose ul,.prose ol{margin:0 0 1.25rem;padding-left:1.4rem}.prose li{margin-bottom:.5rem}.prose li::marker{color:var(--muted)}.prose strong{font-weight:600;color:var(--ink)}.prose a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent)}.prose blockquote{margin:1.5rem 0;padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:var(--ground-2);color:var(--ink)}.prose blockquote>:last-child{margin-bottom:0}.prose .pattern{margin:2rem 0 3rem;border:1px solid var(--line);border-radius:14px;overflow:hidden;scroll-margin-top:96px}.prose .pattern-head{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding:26px 32px;border-bottom:1px solid var(--line)}.prose .pattern-head .label{margin:0;color:var(--cl, var(--accent))}.prose .pattern-head h3{font-size:1.75rem;margin:6px 0 0;scroll-margin-top:150px}.prose .pattern-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:8px;font-size:.875rem;color:var(--ink);text-decoration:none}.prose .pattern-link:hover{border-color:var(--accent);color:var(--accent)}.prose .pattern-body{padding:28px 32px 24px}.prose .pattern-body>:first-child{margin-top:0}.prose .pattern-body>h4:first-of-type+p{font-size:1.3125rem;line-height:1.5;letter-spacing:-.01em;font-weight:500;color:var(--ink)}.prose .classification{margin:0;padding:14px 32px;background:var(--ground-2);border-bottom:1px solid var(--line);font-size:.875rem;line-height:1.5;color:var(--text-2)}.prose .classification span{font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:10px}@media(max-width:640px){.prose .pattern-head,.prose .classification,.prose .pattern-body{padding-inline:20px}}.prose figure.diagram{margin:2rem 0;padding:1.25rem;background:var(--diagram-paper);border:1px solid var(--line);border-radius:12px;text-align:center}.prose figure.diagram img{max-width:min(100%,720px);margin-inline:auto;cursor:zoom-in}.prose figure.diagram figcaption{font-size:.875rem;color:var(--diagram-ink);margin-top:.9rem;line-height:1.5}.diagram-lightbox{position:fixed;inset:0;z-index:210;display:none;overflow:auto;background:#0b0f17ed;cursor:zoom-out;-webkit-overflow-scrolling:touch}.diagram-lightbox.is-open{display:block}.diagram-lightbox .dl-inner{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3vh 1.2rem;width:max-content;min-width:100%}.diagram-lightbox img{display:block;width:96vw;min-width:900px;max-width:none;height:auto;background:var(--diagram-paper);border-radius:10px}.diagram-lightbox figcaption{font-size:.9375rem;color:#c9d1dd;text-align:center;line-height:1.5;margin-top:1rem;max-width:min(92vw,60rem)}.diagram-lightbox .dl-hint{position:fixed;top:.9rem;right:1.2rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--night-muted)}.prose :not(pre)>code{font-family:var(--mono);font-size:.875em;background:var(--ground-2);border:1px solid var(--line);border-radius:4px;padding:.1em .36em}.prose pre{font-family:var(--mono);font-size:.875rem;line-height:1.7;background:var(--night)!important;border:1px solid var(--night-line);border-radius:10px;padding:20px;overflow-x:auto;margin:1.5rem 0}.prose pre code{background:none;border:0;padding:0;font-size:inherit}.code-block{position:relative}.copy-code{position:absolute;top:.6rem;right:.6rem;font-family:var(--sans);font-size:.75rem;font-weight:500;color:var(--night-muted);background:var(--night-3);border:1px solid #2a3342;border-radius:6px;padding:.25rem .6rem;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease}.code-block:hover .copy-code,.copy-code:focus-visible,.copy-code.is-copied{opacity:1}.copy-code:hover{color:var(--night-ink)}.copy-code.is-copied{color:#3fc1ac;border-color:#3fc1ac}@media(hover:none){.copy-code{opacity:1}}.prose table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9375rem;line-height:1.5}.prose thead th{text-align:left;font-weight:600;color:var(--ink);background:var(--ground-2);border-bottom:1px solid var(--line-strong);padding:.6rem .8rem}.prose tbody td{padding:.6rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}.vol-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:4rem}.vol-nav a{display:block;padding:20px 24px;border:1px solid var(--line);border-radius:12px;color:var(--ink);font-size:1.0625rem;font-weight:500;line-height:1.4;text-decoration:none}.vol-nav a:hover{border-color:var(--accent);color:var(--ink)}.vol-nav .vn-label{display:block;font-family:var(--mono);font-size:.75rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.vol-nav .vn-next{text-align:right;grid-column:-2}@media(max-width:900px){.vol-body{gap:0}.toc{flex-basis:100%;max-width:none;position:static;max-height:none;border:1px solid var(--line);border-radius:12px;padding:.5rem 1rem;margin-bottom:2rem;background:var(--ground-2)}.toc .label{display:none}.toc-toggle{display:block;width:100%;min-height:44px;text-align:left;background:none;border:0;font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;padding:0}.toc[data-collapsed=true] nav{display:none}.prose{font-size:1.0625rem}}.search-dialog mark{background:var(--accent-soft);color:var(--ink);border-radius:2px}