:root,[data-theme=light]{--dd-moss-100:#d4e6d0;--dd-moss-200:#9cc494;--dd-moss-300:#6aaa58;--dd-moss-400:#4a6741;--dd-moss-500:#3a5533;--dd-earth-50:#fff;--dd-earth-100:#f4f4f4;--dd-earth-200:#e0e0e0;--dd-earth-300:#b0b0b0;--dd-earth-400:#707070;--dd-earth-500:#404040;--dd-earth-600:#0a0a0a;--dd-group-people:#4a6741;--dd-group-infra:#5b8a72;--dd-group-tools:#6b5d7a;--dd-group-services:#7a6a4a;--dd-callout-warning:#a0602f;--dd-callout-tip:#4a7a6b;--dd-callout-todo:#7a6a4a;--dd-danger:#a8443a;--dd-success:#4a7a4a;--bg:var(--dd-earth-50);--surface:var(--dd-earth-100);--nav-bg:var(--dd-earth-100);--border:var(--dd-earth-200);--border-strong:var(--dd-earth-300);--text:var(--dd-earth-600);--text-2:var(--dd-earth-500);--text-muted:var(--dd-earth-400);--accent:var(--dd-moss-400);--accent-hover:var(--dd-moss-500);--accent-contrast:#fff;--accent-subtle:color-mix(in srgb, var(--accent) 8%, transparent);--accent-link:color-mix(in srgb, var(--accent) 40%, transparent);--callout-warning:var(--dd-callout-warning);--callout-tip:var(--dd-callout-tip);--callout-todo:var(--dd-callout-todo);--danger:var(--dd-danger);--danger-subtle:color-mix(in srgb, var(--danger) 10%, transparent);--success:var(--dd-success);--success-subtle:color-mix(in srgb, var(--success) 10%, transparent);--warning:var(--callout-warning);--warning-subtle:color-mix(in srgb, var(--warning) 10%, transparent);--input-bg:var(--bg);--input-border:var(--border-strong);--input-focus:var(--accent)}:root[data-theme=dark],[data-theme=dark]{--bg:#1c1c1e;--surface:#242426;--nav-bg:#161618;--border:#303032;--border-strong:#48484a;--text:#f2f2f7;--text-2:#aeaeb2;--text-muted:#8e8e93;--accent:var(--dd-moss-300);--accent-hover:var(--dd-moss-200);--accent-contrast:#1c1c1e;--accent-subtle:color-mix(in srgb, var(--accent) 8%, transparent);--accent-link:color-mix(in srgb, var(--accent) 40%, transparent);--callout-warning:#d4915a;--callout-tip:#6aaa8b;--callout-todo:#aa9a6a;--danger:#d4736a;--danger-subtle:color-mix(in srgb, var(--danger) 14%, transparent);--success:#7aaa7a;--success-subtle:color-mix(in srgb, var(--success) 14%, transparent);--warning:var(--callout-warning);--warning-subtle:color-mix(in srgb, var(--warning) 14%, transparent);--input-bg:var(--bg);--input-border:var(--border-strong);--input-focus:var(--accent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1c1c1e;--surface:#242426;--nav-bg:#161618;--border:#303032;--border-strong:#48484a;--text:#f2f2f7;--text-2:#aeaeb2;--text-muted:#8e8e93;--accent:var(--dd-moss-300);--accent-hover:var(--dd-moss-200);--accent-contrast:#1c1c1e;--accent-subtle:color-mix(in srgb, var(--accent) 8%, transparent);--accent-link:color-mix(in srgb, var(--accent) 40%, transparent);--callout-warning:#d4915a;--callout-tip:#6aaa8b;--callout-todo:#aa9a6a;--danger:#d4736a;--danger-subtle:color-mix(in srgb, var(--danger) 14%, transparent);--success:#7aaa7a;--success-subtle:color-mix(in srgb, var(--success) 14%, transparent);--warning:var(--callout-warning);--warning-subtle:color-mix(in srgb, var(--warning) 14%, transparent);--input-bg:var(--bg);--input-border:var(--border-strong);--input-focus:var(--accent)}}:root{--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--font-ui:var(--font-body);--font-display:var(--font-body);--text-xs:.72rem;--text-sm:.85rem;--text-base:1rem;--text-md:1.05rem;--text-lg:1.2rem;--text-xl:clamp(1.35rem, 1.15rem + .4vw, 1.55rem);--text-2xl:clamp(1.6rem, 1.25rem + .6vw, 1.85rem);--text-3xl:clamp(1.9rem, 1.45rem + .8vw, 2.35rem);--text-4xl:clamp(2.4rem, 1.8rem + 1.2vw, 3.2rem);--text-display:clamp(2.375rem, 1.2rem + 4.9vw, 5.25rem);--text-label:.6875rem;--lh-base:1.55;--lh-tight:1.3;--lh-hero:1.15;--lh-display:.9}[data-ui-font=mono]{--font-ui:var(--font-mono)}:root{--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:2px;--radius:4px;--radius-md:6px;--duration-instant:80ms;--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-linear:linear}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0s;--duration-fast:0s;--duration-base:0s;--duration-slow:0s}}:root{--frame:90rem;--pad:clamp(1rem, .4rem + 2.6vw, 2.25rem);--measure:34rem;--flow-col:23.5rem;--lane:clamp(13rem, 20vw, 18rem);--doc-measure:37.5rem;--doc-lane:calc(var(--doc-measure) + 5rem);--pair-prose:clamp(20rem, 100% - 45rem - var(--space-7), var(--measure))}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:var(--lh-base)}body{flex-direction:column;min-height:100dvh;display:flex}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.site-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;position:sticky;top:0}.header-inner,.site-header-inner{max-width:var(--frame);height:52px;padding-inline:var(--pad);align-items:center;gap:var(--space-5);margin:0 auto;display:flex}.brand{align-items:center;gap:var(--space-2);color:var(--text);font-weight:700;display:flex}.brand-mark{color:var(--accent);flex:none;width:22px;height:22px;font-size:1.1em;display:inline-flex}.brand-mark svg{width:100%;height:100%}.brand-name{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.02em}.site-nav{gap:var(--space-4);margin-left:auto;margin-right:var(--space-4);scrollbar-width:none;flex-wrap:nowrap;min-width:0;display:flex;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.nav-link{white-space:nowrap;font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--space-1) 0;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border-bottom:1px solid #0000}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--text);border-bottom-color:var(--accent)}.theme-toggle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);cursor:pointer;letter-spacing:.04em;transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0}.theme-toggle:hover{border-color:var(--accent);color:var(--text)}.theme-toggle-sep{opacity:.4;margin:0 var(--space-1)}.page{max-width:var(--frame);width:100%;padding:var(--space-6) var(--pad) var(--space-8);flex:1;margin:0 auto}.page-content,.doc-main{min-width:0;container-type:inline-size}.doc-main{font-size:1.0625rem}:is(.page-content,.split-main,.doc-main)>*+*{margin-top:var(--space-4)}.flow{columns:3 var(--flow-col);column-gap:var(--space-6)}.flow>:is(:not(p,ul,ol,dl,blockquote),.section-label,.section-subtitle){column-span:all}.flow>:is(.section-label,.section-subtitle)+*{margin-top:0}.flow :is(p,li){break-inside:auto;orphans:3;widows:3}.flow blockquote{break-inside:avoid}:is(.flow[data-flow=single],.doc:has(>.doc-toc) .flow){columns:auto}.flow[data-flow=single]>:is(p,ul,ol,blockquote){max-width:var(--measure)}.split{grid-template-columns:minmax(0, var(--pair-prose)) minmax(0, 1fr);gap:var(--space-7);align-items:start;display:grid}.split>*{min-width:0}.split-aside{gap:var(--space-5);flex-direction:column;display:flex}.split-aside svg,.split-aside img{width:100%;height:auto}.doc{column-gap:var(--space-7);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.doc-main :is(p,dd,blockquote),.doc-main li:not(:has(>:is(pre,table,figure,.diagram,.cat-explainer))){max-width:max(var(--doc-measure), 100cqi - 9.5rem)}.doc-main table{width:100%}.doc-toc{display:none}@media (width>=901px){.doc{grid-template-columns:minmax(var(--lane), 1fr) minmax(0, var(--doc-lane))}.doc>*{grid-row:1}.doc-nav{grid-column:1}.doc-main{grid-column:2}.doc-toc{grid-column:3}:is(.doc-nav,.doc-toc){top:calc(52px + var(--space-5));max-height:calc(100dvh - 52px - var(--space-6));position:sticky;overflow-y:auto}}@media (width>=1100px){.doc{grid-template-columns:minmax(var(--lane), 1fr) minmax(0, var(--doc-lane)) var(--lane)}.doc-toc{display:block}}@media (width<=900px){.split,.doc{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.doc-nav{order:1}}.section>.section-label:first-child{border-top:0;padding-top:0}.section-label{justify-content:space-between;align-items:baseline;gap:var(--space-4);border-top:1px solid var(--border);padding-top:var(--space-3);margin-bottom:var(--space-5);font-family:var(--font-mono);font-size:var(--text-label);font-weight:400;line-height:var(--lh-base);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);display:flex}.section-sidebar{font-size:var(--text-sm)}.section-sidebar-heading{font-family:var(--font-mono);font-size:var(--text-label);text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin:0 0 var(--space-3) 0}.section-sidebar-group{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:var(--space-5) 0 var(--space-2) 0;opacity:.7}.section-sidebar-list{margin:0 0 var(--space-2) 0;flex-direction:column;gap:.15rem;padding:0;list-style:none;display:flex}.section-sidebar-link{padding:var(--space-1) var(--space-3);margin-left:calc(-1 * var(--space-3));color:var(--text-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:2px solid #0000;line-height:1.4;text-decoration:none;transition:border-color .1s,color .1s,background .1s;display:block}.section-sidebar-link:hover{color:var(--text);background:var(--surface)}.section-sidebar-link.active{color:var(--text);border-left-color:var(--accent);background:var(--surface);font-weight:600}.page.page-narrow{max-width:32rem}.page-header{margin-bottom:var(--space-7)}@container (width>=50rem){.page-header:has(>.page-lede){column-gap:var(--space-7);grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:end;display:grid}.page-header>:not(.page-lede){grid-column:1}.page-header>.page-lede{grid-area:1/2/span 2;margin:0}.page-header>.page-lede~.page-lede{margin-top:var(--space-3);grid-row:auto}}.page-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-2)}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.page-eyebrow-link{margin-bottom:var(--space-3);color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out);display:inline-block}.page-eyebrow-link:hover{color:var(--accent)}.page-title{font-family:var(--font-display);font-size:var(--text-4xl);letter-spacing:-.02em;font-weight:800;line-height:var(--lh-hero);color:var(--text);margin-bottom:var(--space-3)}.page-lede{font-size:var(--text-lg);color:var(--text-2);line-height:1.6}.page-lede code,.section-prose code,p code{background:var(--surface);border-radius:var(--radius-sm);padding:.1em .4em;font-size:.92em}.page table{border-collapse:collapse;width:100%;font-size:var(--text-sm);display:block;overflow-x:auto}.page th,.page td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.page article :is(h1,h2,h3,h4){font-family:var(--font-display);line-height:var(--lh-tight);color:var(--text);margin-top:var(--space-6);margin-bottom:var(--space-3)}.page article h1{font-size:var(--text-3xl);margin-top:0}.page article h2{font-size:var(--text-xl);border-bottom:1px solid var(--border);padding-bottom:var(--space-2)}.page article h2:has(+:is(pre,table,.tile-grid)){border-bottom:0;padding-bottom:0}.page article h3{font-size:var(--text-lg)}.page article :is(p,ul,ol,table){color:var(--text-2);margin-top:0;margin-bottom:var(--space-4)}.page article :is(ul,ol){padding-left:var(--space-5)}.page article li{margin-bottom:var(--space-1)}.page article code{background:var(--surface);border-radius:var(--radius-sm);padding:.1em .35em;font-size:.9em}.page article pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin:var(--space-4) 0}.page article pre code{background:0 0;padding:0}.page article blockquote{border-left:3px solid var(--border);margin:var(--space-4) 0;padding-left:var(--space-4);color:var(--text-2);font-style:italic}.page article th{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;font-weight:700;font-size:var(--text-xs);letter-spacing:.05em}.section{margin-top:var(--space-7);padding-top:var(--space-6);border-top:1px solid var(--border)}.section-title{font-family:var(--font-display);margin-bottom:var(--space-4);letter-spacing:-.01em;font-size:clamp(1.5rem,1.1rem + 1.2vw,2rem);font-weight:700}.section-subtitle{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-5)}.section-prose{color:var(--text-2);line-height:1.7}.section-prose+.section-prose,.section-prose+p,p+.section-prose,p+p{margin-top:var(--space-3)}.hero{padding-block:var(--space-7) var(--space-6)}.hero-text{min-width:0}.hero:not(:has(.hero-aside)) .hero-lede{columns:2 var(--flow-col);column-gap:var(--space-7)}.hero-lede p{orphans:3;widows:3}.hero:has(.hero-aside){grid-template-columns:minmax(0, var(--measure)) minmax(0, 1fr);column-gap:var(--space-7);align-items:center;display:grid}.hero-aside{min-width:0}@media (width<=900px){.hero:has(.hero-aside){row-gap:var(--space-5);grid-template-columns:minmax(0,1fr)}}.live{gap:var(--space-3);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex-direction:column;display:flex}.live:hover{border-color:var(--accent);color:var(--text)}.live-label{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.live-label:before{content:"";width:8px;height:8px;margin-right:var(--space-2);background:var(--success);border-radius:50%;display:inline-block}.live-url{font-family:var(--font-mono);font-size:var(--text-2xl);overflow-wrap:anywhere}.live-url:after{content:" ↗";color:var(--accent)}.live img{border-radius:var(--radius-sm)}.live>:is(svg,img){width:100%;max-width:22rem;height:auto}@container (width>=60rem){.live:has(>:is(svg,img)){gap:0 var(--space-5);grid-template-columns:minmax(0,1fr) minmax(0,min(22rem,50%));align-content:center;display:grid}.live:has(>:is(svg,img))>*{grid-column:1}.live:has(>:is(svg,img))>*+:not(svg,img){margin-top:var(--space-3)}.live:has(>:is(svg,img))>:is(svg,img){grid-area:1/2/span 20;align-self:center}}.term{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.term-title{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.term pre{padding:var(--space-4);white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-2);margin:0;line-height:1.6;overflow-x:auto}.term .ok{color:var(--success)}.term .fail{color:var(--danger)}.hero-aside:has(>.captures){align-self:stretch;display:flex}.captures{grid-template-columns:var(--captures-cols,none);gap:var(--space-4);flex:1;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;display:grid}.captures>*{flex-direction:column;min-width:0;display:flex}.captures>*>:is(svg,img){object-fit:contain;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;flex:1 1 0;width:100%;min-height:15rem;display:block}.captures figcaption{margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}@media (width<=900px){.captures>*>:is(svg,img){flex:none;height:auto;min-height:0}}.hero-eyebrow{font-family:var(--font-mono);font-size:var(--text-label);text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin-bottom:var(--space-3)}.hero-title{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.04em;font-weight:800;line-height:var(--lh-display);color:var(--text);margin-bottom:var(--space-4)}.hero-lede{font-size:var(--text-lg);color:var(--text-2);line-height:1.6}.hero-lede strong{color:var(--text);font-weight:600}.cta-row{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.site-footer{border-top:1px solid var(--border);padding-block:var(--space-5);margin-top:auto}.footer-inner,.site-footer-inner{max-width:var(--frame);padding-inline:var(--pad);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);gap:var(--space-3);flex-wrap:wrap;align-items:center;margin:0 auto;display:flex}.footer-sep{opacity:.4}.footer-inner a{color:var(--text-muted)}.footer-inner a:hover{color:var(--accent)}code,pre{font-family:var(--font-mono);font-size:.85em}code{overflow-wrap:break-word}.page pre{overflow-x:auto}.code-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin:var(--space-4) 0;white-space:pre;color:var(--text);font-size:.9em;overflow-x:auto}@media (width<=640px){.brand-name{display:none}.site-nav{margin-right:0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),#0000)}}@media (width<=720px){.page-title{font-size:var(--text-2xl)}}.hero-cta{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.cta-primary{padding:var(--space-3) var(--space-5);background:var(--accent);color:var(--bg);border-radius:var(--radius);font-weight:600;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.04em;display:inline-block}.cta-primary:hover{background:var(--dd-moss-500);text-decoration:none}.cta-secondary{padding:var(--space-3) var(--space-5);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);font-weight:600;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.04em;background:0 0;display:inline-block}.cta-secondary:hover{background:var(--surface);text-decoration:none}.diagram{margin:var(--space-4) 0;-webkit-overflow-scrolling:touch;overflow-x:auto}.diagram img,.diagram svg{width:100%;min-width:640px;height:auto;display:block}@media (width>=901px){.split-aside .diagram :is(img,svg){min-width:0}}.diagram-caption{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin:var(--space-3) 0 0 0}.cat-explainer{gap:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:100%;padding:var(--space-2);margin:var(--space-4) 0 var(--space-5) 0;clear:both;flex-wrap:wrap;align-items:end;display:flex}.cat-explainer svg{width:var(--fig-w,41.25rem);max-width:100%;height:auto;margin:0;display:block}.cat-explainer p{font-size:var(--text-sm);color:var(--text-2);flex:16rem;margin:0}.figure-full{--fig-w:100%;background:0 0;border:0;padding:0}.figure-full>p{flex-basis:100%}.figure-pair .figure-narrow{display:none}.figure-pair .figure-narrow svg,svg.figure-narrow{width:max(min(100%,26.25rem),100% - 18rem);max-width:none;margin-inline:auto}@media (width<=900px){.figure-pair .figure-wide{display:none}.figure-pair .figure-narrow{display:block}}@media (width<=999px){.figure-full.figure-pair .figure-wide{display:none}.figure-full.figure-pair .figure-narrow{display:block}}.tile-grid{--k:1;gap:var(--space-3);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.tile-grid>*{flex:1 1 calc((100% - (var(--k) - 1) * var(--space-3)) / var(--k) - 1px);min-width:0}@container (width>=36rem){.tile-grid{--k:2}}@container (width>=46rem){.tile-grid:not(:has(>:nth-child(4):last-child)){--k:3}}@container (width>=70rem){.tile-grid:has(>:nth-child(5):last-child){--k:5}}@container (width>=72rem){.tile-grid:is(:has(>:nth-child(4):last-child),:has(>:nth-child(7):last-child),:has(>:nth-child(8):last-child)){--k:4}}.tile{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);background:var(--bg)}.tile-eyebrow{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0 0 var(--space-1) 0}.tile-headline{font-size:var(--text-xl);color:var(--accent);margin:0 0 var(--space-2) 0;letter-spacing:-.015em;font-weight:700;line-height:1.15}.tile-prose{font-size:var(--text-sm);color:var(--text-2);margin:0 0 var(--space-2) 0;line-height:1.55}.tile-meta{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0}a.tile{color:inherit;display:block}a.tile:hover{border-color:var(--accent)}.tile pre{margin:var(--space-2) 0}@property --on2{syntax:"<number>";inherits:true;initial-value:1}@property --on3{syntax:"<number>";inherits:true;initial-value:1}@property --on4{syntax:"<number>";inherits:true;initial-value:1}@property --in{syntax:"<number>";inherits:false;initial-value:1}@property --out{syntax:"<number>";inherits:false;initial-value:1}.diagram svg :is([data-step],[data-until]){opacity:calc(var(--in) * var(--out))}.diagram svg [data-step="2"]{--in:var(--on2)}.diagram svg [data-step="3"]{--in:var(--on3)}.diagram svg [data-step="4"]{--in:var(--on4)}.diagram svg [data-until="1"]{--out:calc(1 - var(--on2))}.diagram svg [data-until="2"]{--out:calc(1 - var(--on3))}.diagram svg [data-until="3"]{--out:calc(1 - var(--on4))}.diagram-track{grid-template-columns:minmax(0, var(--pair-prose)) minmax(0, 1fr);gap:var(--space-7);align-items:start;display:grid}.diagram-track>*{min-width:0}@media (width>=901px){.diagram-track .diagram :is(img,svg){min-width:0}}.diagram-steps>*+*{margin-top:var(--space-5)}@media (width<=900px){.diagram-track{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.diagram-pin{order:-1}}@supports (animation-timeline:view()) and (timeline-scope:--t){@media screen and (prefers-reduced-motion:no-preference) and (width>=901px){.diagram-track{timeline-scope:--t2, --t3, --t4;animation-name:on2,on3,on4;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--t2,--t3,--t4;animation-range:cover min(24vh,200px) cover min(40vh,340px)}.diagram-steps>[data-step="2"]{view-timeline:--t2 block}.diagram-steps>[data-step="3"]{view-timeline:--t3 block}.diagram-steps>[data-step="4"]{view-timeline:--t4 block}.diagram-pin{top:calc(52px + var(--space-5));position:sticky}@keyframes on2{0%{--on2:0}to{--on2:1}}@keyframes on3{0%{--on3:0}to{--on3:1}}@keyframes on4{0%{--on4:0}to{--on4:1}}}}.tile-grid+.cat-explainer,.cat-explainer+.section,.section:has(>:is(.cat-explainer,.tile-grid):last-child)+.section{margin-top:4.5rem}