.system-page{min-width:0}.system-page :is(h1,h2,h3,p,a,dt,dd,span,strong,summary,button,label,code){overflow-wrap:anywhere}.system-label,.system-badge,.system-status,.system-metric dt{font-family:var(--site-font-body);font-size:var(--site-type-caption-size);letter-spacing:.01em;font-weight:500;line-height:1.5}.system-label{margin:var(--space-6) 0 0;color:var(--site-color-text-secondary)}.system-intro .layout-grid{row-gap:var(--space-2)}.system-intro h1{max-width:18ch;font-size:var(--site-type-title-size);font-weight:var(--site-type-display-weight);letter-spacing:var(--site-type-display-tracking);margin:var(--space-4) 0 0;text-wrap:balance;line-height:1.04}.system-intro-note{align-self:end}.system-intro .system-lead{max-width:46ch;margin:var(--space-6) 0 0;color:var(--site-color-text-secondary);font-size:var(--site-type-body-size);line-height:var(--site-type-body-leading)}.system-intro-note>p:first-child,.system-prose p,.system-contact p{color:var(--site-color-text-secondary);font-size:var(--site-type-body-size);line-height:1.6}.system-status{margin-top:var(--space-8);padding:var(--space-3) var(--space-4);border:1px solid var(--site-color-border);background:var(--site-color-surface)}.system-back{gap:var(--space-2);min-height:44px;line-height:1.5;font-size:var(--site-control-font-size);align-items:center;font-weight:500;display:inline-flex}.system-stage{padding-top:0}.experiment{border:1px solid var(--site-color-border-strong);background:var(--site-color-surface);min-width:0;padding:clamp(.65rem,2vw,1.75rem)}.system-stage-heading{justify-content:space-between;align-items:start;gap:var(--space-6);padding-bottom:var(--space-6);display:flex}.system-stage-heading h2{max-width:28ch;font-size:clamp(1.3rem,2.4vw,2rem);font-weight:var(--site-type-heading-weight);letter-spacing:-.02em;margin:0;line-height:1.15}.system-stage-heading .system-label{margin:0}.system-stage-heading .system-pipeline{margin-top:var(--space-3)}.system-badge{border:1px solid var(--site-color-border);padding:var(--space-2) var(--space-3);max-width:23ch;color:var(--site-color-text-secondary)}.system-choices{margin:0 0 var(--space-5);border:0;min-width:0;padding:0}.system-choices legend,.system-select{font-size:var(--site-control-font-size);margin-bottom:var(--space-2);font-weight:500;line-height:1.5}.system-choices>div{gap:var(--space-2);flex-wrap:wrap;display:flex}.experiment button,.experiment select{min-width:0;max-width:100%;min-height:44px;font:inherit;font-size:var(--site-control-font-size);padding:var(--space-3) var(--space-4);border:1px solid var(--site-color-border-strong);background:var(--site-color-surface);color:var(--site-color-text-primary);cursor:pointer;border-radius:0;line-height:1.4}@media (hover:hover){.experiment button:not(:disabled):not([aria-pressed=true]):hover{border-color:var(--site-color-accent);color:var(--site-color-accent)}}.experiment button[aria-pressed=true]{background:var(--site-color-accent);color:var(--site-color-on-accent);border-color:var(--site-color-accent)}.experiment :is(button,input,select,summary):focus-visible,.system-detail summary:focus-visible{outline:2px solid var(--site-color-focus);outline-offset:3px}.experiment button:disabled{opacity:.55;cursor:not-allowed}.system-metrics{gap:var(--space-5);margin:var(--space-8) 0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.system-metric{border-top:1px solid var(--site-color-text-primary);min-width:0;padding-top:var(--space-4)}.system-metric dt{color:var(--site-color-text-secondary)}.system-metric dd{margin:var(--space-3) 0 0}.system-metric dd strong{font-family:var(--site-font-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,3vw,2.35rem);font-weight:400;line-height:1.12;display:block}.system-metric dd span{color:var(--site-color-text-secondary);margin-top:var(--space-3);font-size:.875rem;line-height:1.5;display:block}.system-diagram{border:1px solid var(--site-color-border);background:var(--site-color-canvas);margin:0}.system-diagram svg,.system-chart svg{width:100%;height:auto;display:block}.experiment svg text{font-family:var(--site-font-mono);fill:var(--site-color-text-secondary);font-size:15px}.showcase-preview text{font-family:var(--site-font-mono);fill:var(--site-color-text-secondary);font-size:clamp(15px,38.5px - 4.87cqi,24px)}.showcase-preview .showcase-zero{stroke:var(--site-color-border-strong);stroke-width:1px}@container (min-width:700px){.showcase-preview text{font-size:clamp(10px,24.2px - 1.5cqi,15px)}}.system-diagram figcaption{padding:var(--space-4);color:var(--site-color-text-secondary);border-top:1px solid var(--site-color-border);font-size:.9375rem;line-height:1.6}.system-node{fill:var(--site-color-surface);stroke:var(--site-color-border-strong);stroke-width:1.5px}.system-gridline{stroke:var(--site-color-border);stroke-width:1px}.system-line-primary,.system-flow-path,.system-sensor{stroke:var(--site-color-accent);stroke-width:2.4px}.system-flow-path{fill:none}.system-line-secondary{stroke:var(--site-color-text-secondary);stroke-width:1.5px}.system-fill-accent{fill:var(--site-color-accent)}.system-cursor{stroke:var(--site-color-text-primary);stroke-width:1.5px;stroke-dasharray:4 5}.system-flight-bar{fill:var(--site-color-accent);stroke:var(--site-color-text-primary);stroke-width:1px}.system-pipe{stroke:var(--site-color-border-strong);stroke-width:2px}.system-truth{stroke:var(--site-color-text-primary);stroke-width:3px}.system-streamline{stroke:var(--site-color-text-primary);stroke-width:1.25px;opacity:.37}.system-baffle{fill:var(--site-color-text-primary);fill-opacity:.85;stroke:var(--site-color-surface);stroke-width:1.4px}.system-replay{padding:var(--space-5) 0}.system-replay label{font-family:var(--site-font-body);font-size:var(--site-control-font-size);font-weight:500;line-height:1.5;display:block}.system-replay label>span{justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;display:flex}.system-replay input{width:100%;min-height:44px;accent-color:var(--site-color-accent);margin:var(--space-2) 0;cursor:pointer;display:block}.system-replay>div{gap:var(--space-2);flex-wrap:wrap;display:flex}.system-fine{color:var(--site-color-text-secondary);font-size:.875rem;line-height:1.55}.system-chart-pair,.system-two-column{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.system-chart{min-width:0;padding-top:var(--space-4);border-top:1px solid var(--site-color-border);margin:0}.system-chart figcaption{margin-bottom:var(--space-4);font-size:1rem;font-weight:500;line-height:1.5}.system-chart figcaption span{color:var(--site-color-text-secondary);margin-top:var(--space-2);font-size:.875rem;font-weight:400;display:block}.experiment h3{margin:0 0 var(--space-3);font-size:1.125rem;font-weight:500;line-height:1.4}.system-insight{margin-top:var(--space-8);padding:var(--space-5) var(--space-6);border-top:1px solid var(--site-color-accent);background:var(--site-color-canvas)}.system-insight p,.system-reveal p,.system-rotation-heading p{color:var(--site-color-text-secondary);font-size:1rem;line-height:1.65}.system-detail{border-top:1px solid var(--site-color-border);border-bottom:1px solid var(--site-color-border);margin-top:var(--space-6)}.system-detail summary{cursor:pointer;min-height:44px;padding-block:var(--space-4);font-size:1rem;font-weight:500;line-height:1.5}.system-prose>p+p{margin-top:var(--space-4)}.system-detail>:not(summary){margin-block:0 var(--space-3)}.system-detail>:last-child{margin-bottom:var(--space-5)}.system-ledger p{border-bottom:1px solid var(--site-color-border);padding-block:var(--space-3);margin:0;font-size:.9375rem;line-height:1.6;display:block}.system-ledger strong{font-weight:500;display:block}.system-ledger span{color:var(--site-color-text-secondary);display:block}.system-rotations{gap:var(--space-2);display:grid}.system-rotations>div{align-items:center;gap:var(--space-3);grid-template-columns:2.2rem minmax(0,1fr);display:grid}.system-rotations strong{font-family:var(--site-font-mono);font-size:.875rem;font-weight:400}.system-rotations svg{width:100%;height:auto;min-height:28px}.system-axis{margin-left:var(--space-12);font-family:var(--site-font-mono);justify-content:space-between;font-size:.8125rem;display:flex}.system-select{gap:var(--space-2);max-width:30rem;margin-top:var(--space-6);display:grid}.system-reveal{gap:var(--space-5);padding-top:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.system-reveal p{max-width:55ch}.system-ranks{gap:var(--space-2);display:grid}.system-ranks button{justify-content:space-between;gap:var(--space-2);text-align:left;flex-wrap:wrap;display:flex}.system-rank-track{background:var(--site-color-border);width:100%;height:3px}.system-rank-track i{background:var(--site-color-accent);height:3px;display:block}.system-ranks button[aria-pressed=true] .system-rank-track i{background:var(--site-color-on-accent)}.system-section{border-top:1px solid var(--site-color-border)}.system-section .layout-grid{row-gap:var(--space-6)}.system-section .system-label{margin:0 0 var(--space-4)}.system-section h2{max-width:22ch;font-size:var(--site-type-heading-size);font-weight:var(--site-type-heading-weight);line-height:var(--site-type-heading-leading);letter-spacing:var(--site-type-heading-tracking);margin:0}.system-model{margin:0}.system-model>div{padding-block:var(--space-5);border-top:1px solid var(--site-color-border)}.system-model>div:first-child{border-top:0;padding-top:0}.system-model dt{margin-bottom:var(--space-2);font-size:1.0625rem;font-weight:500}.system-model dd{color:var(--site-color-text-secondary);margin:0;font-size:1.0625rem;line-height:1.7}.system-model-grid{column-gap:var(--site-grid-gutter);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.system-model-grid>div,.system-model-grid>div:first-child{padding-block:var(--space-5) var(--space-6);border-top:1px solid var(--site-color-border)}.system-model-grid dd{max-width:60ch}.system-family{margin-top:var(--space-5)}.system-command,.system-digest{font-family:var(--site-font-mono);overflow-wrap:anywhere;font-size:.875rem;line-height:1.6;display:block}.system-contact .layout-grid{align-items:end}.system-contact .layout-region-secondary{display:flex}.system-contact a{text-align:center;max-width:100%;line-height:1.5}.showcase-library{gap:var(--site-grid-gutter);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.showcase-card{border:1px solid var(--site-color-border);background:var(--site-color-surface);grid-template-rows:auto 1fr;min-width:0;display:grid}.showcase-card:first-child{grid-column:1/-1;grid-template-rows:none;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.showcase-figure{border-bottom:1px solid var(--site-color-border);background:var(--site-color-canvas);align-content:center;min-width:0;padding:clamp(1rem,2.5vw,2rem);display:grid;container-type:inline-size}.showcase-figure .showcase-caption{margin:var(--space-3) 0 0;font-size:var(--site-type-caption-size);color:var(--site-color-text-secondary);padding-left:5.8%;line-height:1.45}.showcase-card:first-child .showcase-figure{border-bottom:0;border-right:1px solid var(--site-color-border);align-content:start}.showcase-body{flex-direction:column;min-width:0;padding:clamp(1.25rem,3vw,2.25rem);display:flex}.showcase-card h3{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:var(--site-type-heading-weight);letter-spacing:-.02em;margin:0;line-height:1.12}.showcase-card p{color:var(--site-color-text-secondary);font-size:1rem;line-height:1.6}.showcase-card .system-label{margin:0}.showcase-card a{gap:var(--space-2);min-height:44px;font-size:var(--site-control-font-size);align-items:center;max-width:100%;font-weight:500;line-height:1.5;display:inline-flex}.showcase-link{padding-top:var(--space-5);align-self:flex-start;margin-top:auto}.showcase-preview{width:100%;height:auto;max-height:320px;display:block}.showcase-story{margin:var(--space-5) 0 0;gap:var(--space-4);display:grid}.showcase-story>div{margin:0}.showcase-story dt{font-family:var(--site-font-body);font-size:var(--site-type-caption-size);letter-spacing:.01em;color:var(--site-color-text-secondary);font-weight:500;line-height:1.45}.showcase-story dd{margin:var(--space-1) 0 0;color:var(--site-color-text-secondary);overflow-wrap:anywhere;font-size:1rem;line-height:1.55}.showcase-story-result{padding-block:var(--space-3);border-block:1px solid var(--site-color-border)}.showcase-story-result dd{color:var(--site-color-text-primary);letter-spacing:-.005em;font-size:1.1875rem;line-height:1.45}.work-tutorial{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--site-color-border)}@media (max-width:64rem){.system-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-card:first-child{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.showcase-card:first-child .showcase-figure{border-right:0;border-bottom:1px solid var(--site-color-border)}}@media (max-width:52rem){.system-model-grid{grid-template-columns:minmax(0,1fr)}.system-stage-heading{flex-direction:column}.system-chart-pair,.system-two-column{grid-template-columns:minmax(0,1fr)}}@media (max-width:40rem){.system-intro h1{font-size:clamp(2rem,9vw,2.75rem)}.system-metrics,.showcase-library{grid-template-columns:minmax(0,1fr)}.system-choices button{flex:auto}.system-stage-heading h2{font-size:1.25rem}.system-section h2{font-size:1.6rem}.system-insight{padding-inline:var(--space-4)}}@media (prefers-reduced-motion:reduce){.experiment *,.showcase-preview{scroll-behavior:auto!important;transition:none!important;animation:none!important}}