.c--diagram{background:var(--c-bg);color:var(--c-text)}.c--diagram_wrap{box-sizing:content-box;max-inline-size:46rem;padding:clamp(2.5rem, 6vw, 4.5rem) var(--s20,1rem) var(--sp-section);margin-inline:auto}.c--diagram_head{gap:var(--s15);margin-block-end:var(--s40);display:grid}.c--diagram_series{font-size:var(--fs-small);margin:0;font-weight:700}.c--diagram_series a{color:var(--c-link);text-decoration:none}.c--diagram_series a:hover{text-decoration:underline}.c--diagram_title{color:var(--c-text);text-wrap:pretty;margin:0;font-size:clamp(1.5556rem,1.3rem + 1.2vw,2.2222rem);line-height:1.45}.c--diagram_lead{color:var(--c-body);font-size:var(--fs-body);margin:0;line-height:1.9}.c--diagram_meta{color:var(--c-sub);font-size:var(--fs-note);flex-wrap:wrap;gap:0 1.25em;margin:0;display:flex}.c--diagram_draft{border:1px solid var(--c-cta);color:var(--c-text);font-size:var(--fs-note);justify-self:start;margin:0;padding:.1em .6em;font-weight:700}.c--diagram_split{padding:clamp(2.5rem, 6vw, 4.5rem) var(--s20) var(--sp-section);grid-template-columns:minmax(0,1fr);grid-template-areas:"head""fig""body";display:grid}.c--diagram_split>.c--diagram_head{grid-area:head}.c--diagram_figure{grid-area:fig;margin-block-end:var(--s50)}.c--diagram_split>.c--diagram_body{grid-area:body}@media (width>=728px){.c--diagram_split{max-inline-size:100rem;grid-template:"fig head""fig body"1fr/minmax(0,1fr) clamp(19rem,42%,30rem);column-gap:clamp(2rem,4vw,4.5rem);margin-inline:auto;padding-block-start:var(--s40);padding-inline:clamp(1.25rem,3vw,3rem)}.c--diagram_figure{align-self:start;margin-block-end:0;position:sticky;inset-block-start:calc(var(--site-header-h) + var(--s20))}.c--diagram_figure .dg_stage svg{inline-size:min(100%, calc((100dvh - var(--site-header-h) - 13rem) * var(--dg-ratio,1.5)));margin-inline:auto}.c--diagram_figure .dg_text{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.c--diagram_figure .dg_more{display:none}.c--diagram_figure .dg_caption{min-block-size:0}.c--diagram_body h2.is-dg-current{border-block-start:3px solid var(--c-link);padding-block-start:calc(var(--s20) - 2px)}.c--diagram_split>.c--diagram_body{padding-block-end:30vh}}.c--diagram_body{color:var(--c-body);font-size:var(--fs-body);line-height:1.95}.c--diagram_body>:first-child{margin-block-start:0}.c--diagram_body :where(h2){margin-block:var(--s60) var(--s20);border-block-start:1px solid var(--c-line);color:var(--c-text);font-size:var(--fs-h3);padding-block-start:var(--s20);line-height:1.5}.c--diagram_body :where(p,ul,ol,blockquote,table){margin-block:0 var(--s20)}.c--diagram_body :where(ul,ol){padding-inline-start:1.4em}.c--diagram_body :where(li)+li{margin-block-start:var(--s5,.25rem)}.c--diagram_body :where(strong){color:var(--c-text)}.c--diagram_body :where(a){color:var(--c-link)}.c--diagram_body :where(code){background:var(--c-surface);color:var(--c-text);padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88em}.c--diagram_supplement{margin-block:0 var(--s20);padding:var(--s15) var(--s20);border-inline-start:3px solid var(--c-cta);font-size:var(--fs-small);background:light-dark(#fff1e6,#2a1a10);line-height:1.85}.c--diagram_supplement p{margin:0}.c--diagram_supplement .c--diagram_supplementTitle{color:var(--c-text);margin-block-end:var(--s5);font-weight:700}.c--diagram_body :where(table){border-collapse:collapse;font-size:var(--fs-small);line-height:1.7;display:block;overflow-x:auto}.c--diagram_body :where(th,td){padding:var(--s10) var(--s15);border:1px solid var(--c-line);text-align:start;vertical-align:top}.c--diagram_body :where(th){background:var(--c-surface);color:var(--c-text);white-space:nowrap}.c--diagram_sources ul{font-size:var(--fs-small);padding-inline-start:1.2em}.c--diagram_sources a{overflow-wrap:anywhere}.c--diagram_sources svg{vertical-align:-.1em;margin-inline-start:.25em}.c--diagram_note{color:var(--c-sub);font-size:var(--fs-note);line-height:1.8;margin-block-start:var(--s50)!important}.c--diagram_index{gap:var(--s40);margin:0;padding:0;list-style:none;display:grid}.c--diagram_index li{gap:var(--s10);border-block-start:1px solid var(--c-line);padding-block-start:var(--s20);display:grid}.c--diagram_index .c--textLink{font-size:var(--fs-h3)}.c--diagram_index p{color:var(--c-body);font-size:var(--fs-small);margin:0;line-height:1.85}.c--diagram_index .c--diagram_indexSub{color:var(--c-text)}.c--diagram_related .c--diagram_index{gap:var(--s20)}.c--diagram_related .c--diagram_index .c--textLink{font-size:var(--fs-body)}